Posts🇫🇷Posts🇬🇧

Categories

react css ai html javascript nextjs next story advice tools typescript

Posts

React en front-end ou back-end ?React est un framework JavaScript principalement utilisé pour le front-end, mais il peut également être utilisé pour le back-end. Dans cet article, nous explorerons les différences entre les deux approches et les avantages et inconvénients de chacune d'elles.

Maîtriser les Espacements en Design : Les Règles à SuivreApprends à créer des espacements efficaces en design et découvre les erreurs courantes à éviter.

NextJS vs React : Quelle technologie choisir pour tes projets ?Découvre les différences entre React et NextJS, et apprends quand utiliser l'un ou l'autre pour tes projets web.

Ce dont personne ne parle à propos de ZustandDécouvre le pouvoir de Zustand et comment il peut être utilisé en dehors de React.

C'est quoi React JS ?React.JS est très populaire, mais concrètement c'est quoi ? Un framework, une librairie ou les deux ? Cette question fait débat.

Faut-il apprendre VueJS ou React ?Découvre s'il faut apprendre React ou VueJS pour développer des applications web. Comprends la différence entre React et VueJS.

Cursor reste le leader de l'AI pour les développeurs, voici pourquoi :Tu as besoin de mettre en pause ton code JavaScript ? Découvre comment implémenter un Sleep efficace avec setTimeout et Promise, et comprends pourquoi c'est utile dans tes projets.

Comment mettre une image en HTML : Guide completApprends à insérer et styliser des images en HTML avec ce guide complet, incluant des astuces pour les rendre responsives.

Comment changer la police en CSS ?Tu veux changer la police de ton site web ? Découvre comment le faire avec différentes méthodes en CSS. Il y a pas beaucoup de méthode donc comme ça on ira vite.

Comment relier le CSS au HTML ?Tu as besoin de relier le CSS au HTML ? Découvre comment le faire avec les différentes méthodes qui existent.

Comment centrer une image en CSS : Les 5 méthodesTu as besoin de centrer une image en CSS ? Découvre comment le faire avec les différentes méthodes qui existent.

Le métier de développeur web va changer avec l'AI...Un énorme changement est en marche dans le métier de développeur web et il ferait mieux que TU sois préparé à celui-ci. Mais avant d'avoir peur, essayons de comprendre ce qui se passe.

Comment faire un "sleep" en JavaScript (pour faire une pause)Tu as besoin de mettre en pause ton code JavaScript ? Découvre comment implémenter un Sleep efficace avec setTimeout et Promise, et comprends pourquoi c'est utile dans tes projets.

JavaScript : front-end ou back-end ? Pourquoi pas les deux ?JavaScript est partout. Du navigateur au serveur, en passant par les applications mobiles. Découvre comment ce langage polyvalent a conquis le monde du développement web et pourquoi tu devrais l'utiliser des deux côtés.

"use cache" en NextJS 15 : le nouveau système de cache NextJS 15 est disponible et tu peux mettre à jour ton code. Je t'explique toutes les nouveautés qu'il faut prendre en compte avec des exemples concrets.

Cursor me rend plus productif : voici mes méthodesL'AI a plein de problèmes et Cursor en règle beaucoup. Avec mes méthodes, tu vas presque tous les résoudre.

Redux est mort. Utilise Zustand à la place...Redux est une vieille librairie qui ne répond plus aux besoins actuels. Je vais t'expliquer pourquoi tu devrais utiliser Zustand dans tous tes projets sans hésiter

Le HTTP comment ça fonctionne ?Le HTTP en web c'est ce qui fait tourner et fonctionner le web, il faut le comprendre et le maîtriser. Au début c'est compliqué mais cette article vas beaucoup t'aider.

NextJS 15 : Toutes les nouveautés importantesNextJS 15 est disponible et tu peux mettre à jour ton code. Je t'explique toutes les nouveautés qu'il faut prendre en compte avec des exemples concrets.

Comment planifier ses articles en utilisant NextJS ?Comment faire pour que les nouveaux articles se publient automatiquement sur ton blog en fonction d'une date que tu as définie au préalable en utilisant des cron jobs ? Je t'aide à le faire.

Roadmap pour devenir développeur web : uniquement l'essentielUne roadmap sans bullshit pour devenir développeur web. On part de 0 et on maîtrise le web pour créer des SaaS, devenir freelance ou trouver un job en CDI. Pas le temps, commence à lire.

Guide sur Fetch en JavaScript : Pas besoin d'AxiosPour faire des fetch en JavaScript tu peux utiliser la méthode fetch ! Plus besoin d'utiliser Axios ou d'autre outil d'un autre temps pour le faire. Il est temps de découvrir tout le pouvoir de fetch.

Faut-il apprendre JavaScript ou TypeScript en premier ?TypeScript devient très populaire et va finir par être encore plus utilisé que JavaScript mais est-il une bonne idée d'apprendre TypeScript sans même apprendre JavaScript ? La question est complexe mais on va quand même y répondre.

Tu n'as PAS besoin de useCallback en ReactuseCallback est trop souvent utilisé de la mauvaise manière. On essaie souvent de sur-optimiser React avant d'avoir des problèmes de performance.

Les Props VS Les States en React ?Quand et pourquoi utiliser des states ou des props ? Si tu n'arrives pas à bien répondre à cette question cet article va énormément t'aider.

Formation React en Français (100% à jour)Découvre une formation en ligne React en Français, mise à jour récemment. Deviens développeur React avec cette formation complète et gratuite !

Bien utiliser Next-Safe-Action pour tes Server-ActionNext-Safe-Action est la meilleure library pour gérer des actions NextJS et j'ai développé plein de méthodes qui permettent d'avoir un meilleur code avec Next Safe Action en NextjS:

Le Guide des Server Actions en NextJSComment fonctionnent les Server-Actions en NextJS et comment les utiliser dans ton application ? Voici un guide complet qui va te présenter les bonnes pratiques et tout ce qu'il faut savoir sur les server-actions.

Quand utiliser useEffect - Le guide completuseEffect est pour moi très souvent mal utilisé, c'est normal car on parle rarement de son utilité et de QUAND l'utiliser. Aujourd'hui, on va changer ça.

Comment fonctionnent les server-actions en NextJS ?Les server-actions sont souvent considérées comme magiques en NextJS, mais plus sérieusement : comment sont-elles codées ? On va regarder le code de NextJS pour le savoir.

Pourquoi TailwindCSS a gagné ?Comment TailwindCSS est arrivé à un niveau de popularité jusqu'à littéralement gagner et devenir le framework CSS le plus utilisé et apprécié des développeurs.

Pourquoi le design est important pour les développeurs web ?Pourquoi est-il important d'apprendre le design ? Quels sont les avantages de cultiver cette vision design et quels sont les concepts qui viennent avec ? Je t'explique tout ça.

Comment faire de bons formulaires en React ?On dit qu'un développeur ne fait que des formulaires. Donc il vaut mieux savoir faire de bons formulaires et pour ça il faut comprendre les formulaires en React.

Comment utilisé useRef en React ? Guide completPourquoi utiliser useRef mais surtout QUAND l'utiliser afin d'avoir un code propre et efficace en React ? Je vais t'expliquer dans ce guide complet sur useRef.

Le guide complet de Flex Box CSS - Maîtriser Flexbox pour la vieTu es en train d'apprendre à utiliser Flexbox en CSS ? Tu cherches comment utiliser Flexbox CSS et tu ne sais pas comment l'utiliser ? Bienvenue sur ce guide interactif.

Faut-il apprendre TailwindCSS ou CSS en premier ?Lequel faut-il apprendre ? Est-il facile d'apprendre TailwindCSS ? Quand tu débutes, il est compliqué de se faire un avis surtout que beaucoup de tutos utilisent TailwindCSS.

Le guide complet sur les formats couleurs en CSSRGB, HSL, HEX, etc... tu reconnais ces mots ? Ils sont souvent compliqués et il n'est pas facile de les comprendre. Pourtant, ils sont essentiels pour faire du CSS.

Le layout par défaut en CSS que personne connaît !En CSS tu connais sûrement le Flex et Grid layout, mais le flow... il n'y a personne qui en parle ! Pourtant, c'est celui qui est appliqué par défaut sur tous les éléments.

Quel est le rôle d'un développeur junior ?Un développeur junior est-il sensé avoir 10 années d'expérience, un bac+4 et savoir créer une application de 0 seul ? Ou au contraire...

React est un framework ou une librairie ?Il y a un grand débat autour de React comparé à d'autres outils étant donné que React se dit être une librairie, mais peut-on vraiment l'appeler comme ça ?

Le meilleur moyen de créer des API Routes en NextJS App DirectoryComment créer des routes 100% TypeSafe en utilisant Zod. Une librairie `next-zod-route` te permet de gérer le routing sans prise de tête.

Comment j'organise mes fichiers en NextJS ?Où mettre ces components, server-actions, pages en NextJS ? Comment je m'organise pour toujours retrouver ce dont j'ai besoin ?

Formation Next.js en Français (100% à jour)Découvre une formation en ligne NextJS qui est en Français et mise très récemment à jour. Deviens développeur NextJS avec cette formation NextJS !

Faut-il apprendre React ou Angular ?Découvre s'il faut apprendre React ou Angular pour développer des applications web. Comprends la différence entre React et Angular.

Comment configurer NextAuth Password avec une base de données (Next App Directory)NextAuth est le moyen le plus rapide de configurer l'authentification dans votre application NextJS. Dans ce tutoriel, nous allons configurer l'auth.

Les 10 meilleures formations React en ligneAprès 5 ans à apprendre React, voici les 10 meilleures formations en ligne pour débuter. J'ai listé toutes les meilleures formations !

Comment afficher une liste en React ?Apprenez à afficher des listes en React. Découvrez pourquoi utiliser les keys et comment utiliser la méthode ".map". Ce tutoriel vous expliquera tout cela.

NextJS VS React : Lequel utiliser dans tes applications ?NextJS est un framework qui permet de faire du React de manière plus simple. Mais quand est-ce que tu devrais l'utiliser ?

Les meilleures librairies React en 2024Quelles sont les meilleures librairies React catégorisées par fonctionnalités et type pour 2024. J'ai fouillé tout le web pour t'aider à choisir.

Les Applications avec l'AI, c'est le future.Découvrez comment l'Intelligence Artificielle révolutionne le développement d'applications et ouvre un monde de possibilités infinies.

Mon année 2023 - Comment j'ai changé la vie de milliers de devL'année 2023 a été un tournant décisif dans ma vie professionnelle et personnelle. De développeur salarié à entrepreneur indépendant.

Guide pour poser des questions !Poser des questions est une des compétences les plus importantes des développeurs. C'est LA compétence qui va changer ta manière d'apprendre.

Le React à connaître pour débuter avec NextJSNextJS est le framework le plus populaire pour React. Mais, ne va pas trop vite ! Il faut déjà bien connaître React... mais quoi exactement ?

Mon année 2022 - Le début de mon aventure !Un résumé détaillé de mon année 2022, mon parcours inspirant de développeur salarié à créateur de contenu tech indépendant !

Le JavaScript à savoir pour commencer ReactReact c'est passionnant et c'est le framework le plus proche du JavaScript, j'ai fais une liste de compétence à avoir en JavaScript pour faire du React.

Apprendre React en partant de 0 !Pour apprendre React en partant de 0, il faut comprendre React. On part d'un fichier HTML jusqu'à une app vite.js !

Comment centrer une div (3 moyens)Centrer une div en CSS c'est encore compliqué pour certaines personnes. Il y a 3 moyens très simples et rapides de centrer une div en CSS.

4 Habitudes pour avoir un meilleur codeAvoir un code lisible et maintenable est essentiel, pour vous et pour votre équipe. Il faut prendre l'habitude de faire du code propre.

5 extensions VS Code pour 2022Découvrez 5 extensions indispensables pour optimiser votre utilisation de VS Code en 2022 et améliorer votre productivité au quotidien.

Type VS Interface en TypeScriptJe me suis toujours demandé quelle était la différence entre Type et Interface en TypeScript, voici la réponse.