Adrien

dev fullstack • Java ☕️ • React JS ⚛️

[Adrien @Vdri79]

Tu es étudiant, en reconversion ou tu veux simplement acquérir de nouvelles compétences en développement web ? 🚀 Rejoins moi sur #superprof ! (Lien👇)

La première heure est offerte, donc tu n’as rien a perdre 😉

#HTML #CSS #JavaScript #ReactJS #Java

[Adrien @Vdri79]

@NanouuSymeon After cappuccino yes !

[Adrien @Vdri79]

Good !

[Tom Dörr @tom_doerr]

PostgREST: REST API from PostgreSQL

[Adrien @Vdri79]

@0Riles

[Alex Sidorenko @asidorenko_]

React's <title> in Next.js 15

[Aiden Bai @aidenybai]

New in React Scan: view the history of how a React component rendered

[Le Dev ULTIME 🍜 @ledevultime]

Voici le secret derrière la feature la plus appréciée de mon rebranding 👀

Un système hybride d'onglet et carousel avec l'élément principal toujours au centre.

J'ai tout expliqué dans cette vidéo, c'est plus simple qu'on ne le pense !

[• nanou • @NanouuSymeon]

Smooth Scroll to Top – No Libraries Needed 👇

document.querySelector('#scrollToTop').addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); });

[Adrien @Vdri79]

#useContext vous permet d'accéder à des valeurs de contexte partout dans votre arbre de composants sans passer par des props à chaque niveau. Créez un contexte avec createContext(), fournissez des valeurs avec Provider, et consommez-les avec useContext() où vous en avez besoin.

[Adrien @Vdri79]

Ça c’est le top pour faire des projets perso !

[Next.js @nextjs]

New open source template:

• Next.js
• Postgres
• Drizzle
• Stripe
• Tailwind CSS
• shadcn/ui

https://t.co/qXl04MOMq0

[Next.js @nextjs]

New open source template:

• Next.js
• Postgres
• Drizzle
• Stripe
• Tailwind CSS
• shadcn/ui

https://t.co/qXl04MOMq0

[• nanou • @NanouuSymeon]

Effortless DOM Manipulation with Vanilla JS

[Adrien @Vdri79]

👍

[Pratham @Prathkum]

One-pager REST API.

[Adrien @Vdri79]

`useState` est un hook dans React qui permet d'ajouter et de gérer l'état local dans les fonctions composants. Il renvoie un tableau avec deux éléments : la valeur actuelle de l'état et une fonction pour la mettre à jour.

#reactjs #jsx #javascript

[Adrien @Vdri79]

Le hook #useOptimistic de #React19 permet des mises à jour UI instantanées avant que l'action asynchrone ne soit complétée, offrant une meilleure réactivité.

Exemple 👇

[George Moller @_georgemoller]

❌ Avoid using objects as dependencies in React.useEffect()

✅ Instead use the primitive keys

[Adrien @Vdri79]

Le nouveau #hook use dans #React19 est une révolution pour la gestion asynchrone. Il permet d'utiliser des promesses directement dans le rendu sans effets secondaires.

Exemple 👇

[Adrien @Vdri79]

Les #MicroFrontends sont la tendance à suivre en 2025 pour un développement modulaire et efficace

Les Micro-Frontends sont une approche architecturale pour le développement web qui s'inspire des #microservices dans le monde du #backend

[Adrien @Vdri79]

Un exemple de code react/ next

[Adrien @Vdri79]

React 19 est là avec des améliorations majeures ! Découvrez les Server Components, la compilation plus rapide et les nouvelles API pour une meilleure gestion d'état. #React19 #ReactJS #WebDevelopment