Blog Posts About JavaScript
![Improve Performances With Dynamic “content-visibility”](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2Fmarc-olivier-jodoin-NqOInJ-ttqM-unsplash.jpg&w=1020&q=75)
Improve Performances With Dynamic “content-visibility”
Using the power of the content-visibility CSS property on dynamic sized elements
![JavaScript Spread and Rest Operators: When To, Why To, and How to Use Them](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2Fscott-webb-pdlZrtuy-Dw-unsplash.jpeg&w=1020&q=75)
JavaScript Spread and Rest Operators: When To, Why To, and How to Use Them
Understand two of the most useful JavaScript features
![Loading Gists in a NextJS Application](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2Froman-synkevych-wX2L8L-fGeA-unsplash.jpeg&w=1020&q=75)
Loading Gists in a NextJS Application
A tutorial on how to load GitHub Gists from inside markdown pages of a NextJS blog
![Build an Easy Popup System With React](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2Fphoto-1624571033882-bf93a56b6b2e.jpeg&w=1020&q=75)
Build an Easy Popup System With React
Demystifying the way to create a simple, customisable, and accessible popup system with React
![My Journey From React to React Native](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2F0_LU6uhsVVbB9jS_o5.jpeg&w=1020&q=75)
My Journey From React to React Native
The things that changed for me switching when from web applications to native applications
![An Opinionated Way to Structure React Apps](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2F0__maZNyBAhbf1Ol2Uj.jpg&w=1020&q=75)
An Opinionated Way to Structure React Apps
Based on my experience acquired building several big projects
![How I dropped Redux for the Context API](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2F1__NyHpepOw2vFFKVFdeRvzWg.png&w=1020&q=75)
How I dropped Redux for the Context API
React 16 introduced a new Context API to replace the deprecated one… Here is my way to replace Redux with this new API.
![Optimisation de boucles JavaScript](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2Fclay-banks-myomBTc85dI-unsplash.jpeg&w=1020&q=75)
Optimisation de boucles JavaScript
Parfois, le code le plus simple n'est pas le plus performant. C'est le cas des boucles JavaScript.
![Mettre en place un placeholder et son failback](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2Fel-alce-web-njX7_Ixraio-unsplash.jpeg&w=1020&q=75)
Mettre en place un placeholder et son failback
Le HTML5 apporte un nouvel attribut aux champs input text et assimilés : placeholder. Mais que faire sur les vieux navigateurs ?
![Rendre l’URL de recherche de Google plus lisible](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2Fkatie-moum-3FVeCbX6OrY-unsplash.jpeg&w=1020&q=75)
Rendre l’URL de recherche de Google plus lisible
Matt Cutts, responsable de la webspam team de google à posté sur son twitter Une méthode pour rendre les URL de recherche de Google plus jolies.
![Internet Explorer : Opération abandonnée](/_next/image/?url=https%3A%2F%2Fstorage.googleapis.com%2Fbrunosabot.dev%2Fimg%2Fwonderlane-V_fSbpUQSmQ-unsplash.jpeg&w=1020&q=75)
Internet Explorer : Opération abandonnée
Le message « Internet Explorer ne peut pas ouvrir le site » « Opération abandonnée ! »