- 38
- 113 734
Atomic React
France
เข้าร่วมเมื่อ 8 ก.พ. 2023
Atomic React is a TH-cam channel specialised in the React JS ecosystem. The aim of this channel is to share the smallest details of this ecosystem: operations, tips, best practices and advice.
➡️ To learn every React's secrets: www.atomic-react.com
#reactjs #reactjsdeveloper #reactjstutorial #javascript
#typescript #reactjscourse
➡️ To learn every React's secrets: www.atomic-react.com
#reactjs #reactjsdeveloper #reactjstutorial #javascript
#typescript #reactjscourse
J’ai créé un SAAS qui me fait économiser 1 400 € en prospection (freelance)
J'ai créé un SAAS: Curriculum.
Il a pour but de me faire économiser les 1 400 € que j'ai perdu en faisant ma prospection.
En effet, j'ai perdu énormément de temps, et donc d'argent, à mettre à jour mon profil sur la tonne de plateformes de recrutement disponible.
Ce SAAS va t'aider à améliorer ta prospection en centralisant la gestion de ton profil sur les plateformes de recrutement. Il va également t'aider à optimiser ton CV, te permettre de le partager facilement, et mettre à disposition une IA pour t'aider à améliorer drastiquement ton profil.
Pour le moment, toutes ces fonctionnalités ne sont pas encore développées. Si le projet t'intéresse, je te propose de continuer de le développer ensemble.
📄 Accède à Curriculum ici:
curriculum.page
⚛️ Rejoins le serveur Discord d'Atomic React:
discord.gg/9edEfEJdjz
⚛️ La plateforme de cours Atomic React:
www.atomic-react.com/
Chapitres:
00:00 - Le problème
02:33 - La solution: Curriculum.
03:19 - Les fonctionnalités
07:05 - La roadmap
09:25 - Démo
17:30 - Le prix
19:06 - Outro
#reactjs #reactjsdeveloper #reactjstutorial #javascript #saas #buildinpublic
Il a pour but de me faire économiser les 1 400 € que j'ai perdu en faisant ma prospection.
En effet, j'ai perdu énormément de temps, et donc d'argent, à mettre à jour mon profil sur la tonne de plateformes de recrutement disponible.
Ce SAAS va t'aider à améliorer ta prospection en centralisant la gestion de ton profil sur les plateformes de recrutement. Il va également t'aider à optimiser ton CV, te permettre de le partager facilement, et mettre à disposition une IA pour t'aider à améliorer drastiquement ton profil.
Pour le moment, toutes ces fonctionnalités ne sont pas encore développées. Si le projet t'intéresse, je te propose de continuer de le développer ensemble.
📄 Accède à Curriculum ici:
curriculum.page
⚛️ Rejoins le serveur Discord d'Atomic React:
discord.gg/9edEfEJdjz
⚛️ La plateforme de cours Atomic React:
www.atomic-react.com/
Chapitres:
00:00 - Le problème
02:33 - La solution: Curriculum.
03:19 - Les fonctionnalités
07:05 - La roadmap
09:25 - Démo
17:30 - Le prix
19:06 - Outro
#reactjs #reactjsdeveloper #reactjstutorial #javascript #saas #buildinpublic
มุมมอง: 842
วีดีโอ
20 exercices pour apprendre React ⚛️
มุมมอง 1.5K7 หลายเดือนก่อน
J'ai créé un cours contenant 44 leçons dont 20 exercices pour apprendre React ! Cette formation contient plus de 9 heures de contenu vidéo grâce auxquels tu pourra apprendre React de façon efficace et devenir autonome grâce à la pratique ! 🎓 Le cours React Master: www.atomic-react.com/react-expert-acquerir-la-maitrise-complete-de-react?coupon=ATOMICCOMMUNITY ⚛️ Rejoins le serveur Discord d'Atom...
Ma librairie UI préférée pour React (shadcn/ui)
มุมมอง 6Kปีที่แล้ว
Dans une vidéo je te partage ma librairie de composants préférée pour développer les interfaces de mes applications React: shadcn/ui. C'est en fait une collections de composants React très simple, très minimaliste qui casse les codes habituels des librairies UI. Bon visionnage ! ⚛️ Rejoins le serveur Discord d'Atomic React: discord.gg/9edEfEJdjz ⚛️ La plateforme de cours Atomic React: www.atomi...
Envoyer des emails avec React (Resend & React Email)
มุมมอง 3.1Kปีที่แล้ว
Aujourd'hui je te montre comment envoyer des emails avec la librairie React Email et le service Resend. ⚛️ Rejoins le serveur Discord d'Atomic React: discord.gg/9edEfEJdjz Resend: resend.com React Email: react.email ⚛️ La plateforme de cours Atomic React: www.atomic-react.com/ Chapitres: 00:00 - Intro 00:44 - Envoyer des emails avec Resend 07:01 - Envoyer des emails de test 10:27 - Adresse emai...
Créer des custom hooks avec React
มุมมอง 1.2Kปีที่แล้ว
Dans cette vidéo je t'explique comment créer des Custom Hooks avec React et je te donne quelques règles et bonnes pratiques à respecter. Bon visionnage ! th-cam.com/video/qduO39V9Xnw/w-d-xo.html ⚛️ Rejoins le serveur Discord d’Atomic React: discord.gg/9edEfEJdjz ⚛️ La plateforme de cours Atomic React: www.atomic-react.com/ #reactjs #reactjsdeveloper #reactjstutorial #javascript
N’utilise pas useContext, utilise un custom hook.
มุมมอง 1.4Kปีที่แล้ว
Aujourd'hui on parle d'une bonne pratique avec React: utiliser des customs hooks au lieu d'utiliser directement useContext dans les composants. Je t'explique en détail pourquoi c'est une bonne pratique et je te montre ce que ça donne avec TypeScript ! Bon visionnage ! th-cam.com/video/QGJ-Skz3slw/w-d-xo.html ⚛️ Rejoins le serveur Discord d’Atomic React: discord.gg/9edEfEJdjz ⚛️ La plateforme de...
10 erreurs de débutant avec useState
มุมมอง 1.6Kปีที่แล้ว
Les développeuses et développeurs juniors commettent généralement beaucoup d'erreurs avec les hooks de React et plus particulièrement avec le hook useState. J'en ai fait une liste pour que tu puisses les éviter. Bon visionnage ! th-cam.com/video/P6RW8Vb1w5U/w-d-xo.html th-cam.com/video/Pmxb-OlL_Dg/w-d-xo.html th-cam.com/video/0CIqXa0iFAs/w-d-xo.html ⚛️ Rejoins le serveur Discord d’Atomic React:...
L'API de contexte de React
มุมมอง 6Kปีที่แล้ว
Dans cette vidéo je t'explique comment fonctionnent les contextes et le hook useContext de React. Un context te permet de passer des informations d'un composants parent à des composants enfants sans passer par les props. C'est une notion essentielle à connaître ! Bon visionnage ! 🧑💻 Dépôt Github: github.com/Atomic-React/todo-yt ⚛️ Rejoins le serveur Discord d’Atomic React: discord.gg/9edEfEJdj...
Bun 1.0 est là. Node.js est mort.
มุมมอง 12Kปีที่แล้ว
Bun 1.0 vient de sortir. La version officielle, stable et fonctionnelle, prête pour la production. Enfin presque... Pleins de questions se posent suite à la sortie de Bun 1.0 dans l'univers JavaScript. Est-ce que Bun va remplacer Node JS ? Est-ce que Bun est vraiment rapide et performant ? Qu'est-ce que Bun et à quoi ça sert ? Je réponds à toutes ces questions dans cette vidéo. Bon visionnage !...
Comprendre React MEMO et pourquoi il ne faut PAS l'utiliser
มุมมอง 2.5Kปีที่แล้ว
Comprendre React MEMO et pourquoi il ne faut PAS l'utiliser
Comprendre les composants d'ordre supérieur (HOC)
มุมมอง 1.6Kปีที่แล้ว
Comprendre les composants d'ordre supérieur (HOC)
Comprendre les PROPS des composants React
มุมมอง 14Kปีที่แล้ว
Comprendre les PROPS des composants React
Atomic UI: On dev le bouton de notre librairie React
มุมมอง 997ปีที่แล้ว
Atomic UI: On dev le bouton de notre librairie React
La différence entre VALEUR et RÉFÉRENCE en JavaScript
มุมมอง 569ปีที่แล้ว
La différence entre VALEUR et RÉFÉRENCE en JavaScript
Créer une librairie React avec Vite & TypeScript
มุมมอง 3.8Kปีที่แล้ว
Créer une librairie React avec Vite & TypeScript
Quand retourner des tableaux ou des objets dans les hooks ?
มุมมอง 631ปีที่แล้ว
Quand retourner des tableaux ou des objets dans les hooks ?
Tout savoir sur les fonctions fléchées et les fonctions régulières
มุมมอง 1.3Kปีที่แล้ว
Tout savoir sur les fonctions fléchées et les fonctions régulières
J’ai automatisé la configuration de mes apps React !
มุมมอง 1.2Kปีที่แล้ว
J’ai automatisé la configuration de mes apps React !
La nouvelle documentation React est sortie ! (et tu vas l'adorer)
มุมมอง 1.4Kปีที่แล้ว
La nouvelle documentation React est sortie ! (et tu vas l'adorer)
Je lance une plateforme de cours dédiée à React !
มุมมอง 619ปีที่แล้ว
Je lance une plateforme de cours dédiée à React !
Arrête d'utiliser "&&" dans tes conditions JSX !
มุมมอง 3.7Kปีที่แล้ว
Arrête d'utiliser "&&" dans tes conditions JSX !
Pourquoi tu ne dois JAMAIS utiliser INDEX en tant que KEY dans React !
มุมมอง 988ปีที่แล้ว
Pourquoi tu ne dois JAMAIS utiliser INDEX en tant que KEY dans React !
21:33 je suis perdu, je ne comprends plus 😢
Merci😊
Merci pour cette vidéo pour comprendre le useEffect
Super clair et didactique ta série de vidéo sur les hooks, merci beaucoup.
Merci, bien expliqué
Tes explications sont super claires ! Merci beaucoup :)
Ce mec explique vraiment trop bien !
Merci pour la video, elle etait très comprehensive, j'aimerai bien vous faite une video sur la mise à jour entre deux composants (c'est à dire la communication père et fils). merci
Merci beaucoup pour cette vidéo !
je veux comprendre les composent sur react
Quelle usine à Gaz. Tout ça pour mettre à jour quelques données globales. C'est forcément de la merde, faut avoir un QI de pintade cuite pour penser le contraire
Salut 🙂 Tout d'abord merci beaucoup pour cette vidéo😍. C'est super bien expliqué. Juste j'ai cloné ton repo et on a une erreur côté navigateur d'une part parce que la variable "screen" n'est pas définie dans App.jsx, d'autre part le fichier date.util.js n'existe pas non plus dans le dossier utils. N'hésite pas à me dire si j'ai peut-être loupé une étape ☺
le video avec storybook est elle deja sorti? ba j'attend que ca pendant un certein moment on tout cas nice video
Trop laborieux, sa n'apporte rien car remplir le cv à la mano et même en important avec LinkedIn, j'ai tester c'est loin d'être niquel, ton SaaS même si l'idée est bien à la base.
Bonjour par ce que j'avais entendu parler de shadcn, J'ai voulu en savoir plus et ta vidéo est pour moi excellente. Ainsi je vais m'exercer, merci
La meilleure explication! Limpide++
hello pour un micro saas de vente de template simple, tu facture combien environ ?
Ça donne envie mais le prix d'entrée pour une promesse ça fait peur. Faut vraiment avoir confiance, qu'est-ce qui se passe si finalement tu ne développe pas le produit ? Si tu arrives à des complications qui t'empêche d'intégrer tel ou tel plateforme ?
Bien vu! Merci pour ton commentaire! C'est idiot mais j'avais pas vraiment pensé à cet aspect "confiance" 😅 Je vais clarifier ce point prochainement. Merci encore 😉
LinkedIn propose une api, malt plutôt orienté recruteur, wttj semble proposer une api public assez light. Attention avec les solutions comme sélénium qui pourrait répondre à tes besoins mais qui pose des soucis d’un point de vue légale et aussi en rgpd. Bonne continuation pour la suite 💪
Intéressant
Super projet! Ça va devenir un indispensable dans ma recherche de missions freelance
Oui sa nous intéresse beaucoup
09:25 Salut video vraiment intéressante et utile. STP pourrais tu me dire comment as tu fais l'importation automatique ?
CTRL + ESPACE puis ENTRÉE 😉
Je regarde plein des tutos des sans laisser des like ou commentaire mais tu m'a convaincu merci pour ton travail 🎉 meilleur plus que les doc
merci infiniment
C'est la meilleure vidéo que j'ai trouvée sur ce sujet. Merci beaucoup
Tes explications sont super bonnes et merci c'est du super travail
french 🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢
React en feu Du vrai b…..be atomique Excellent 🤗🤗
React en feu 🔥 😂 Du vrai b…..be atomique 🔥 🔥 🔥 Excellent 👌🏾
Merci beaucoup pour ta vidéo ! Dis moi, tu utilises quoi pour afficher le poid des imports sur la droite ^^ ?
Très bonne vidéo...
well explained ...mercii
Vraiment bravo pour ta pédagogie , le choix de tes exemples et leur mise en situation, quand on explique les choses de cette manière tout est beaucoup plus clair, je me suis abonné tout de suite à ta chaine.
Super merci 👏🙏, le USEREF stp 🙏
Bonjour, Merci, merci, merci.... Je découvre React et jusqu'ici, j'avais rien capté à usEffect !
Je viens d'angular, je suis fan des services en injection de dépendance, je cherchais l'equivalent react, et cette hisoitre de balise "consumer" à rajouter dans le template me parlait PAS MAIS PAS DUTOUT! Avec le hook useContext je revis! Merci
Je pense que c'est la meilleure explication que j'ai suivie ❤ Merci mec
Salut, vidéo très claire comme d'habitude, tes tutos react m'aident énormément à comprendre ! (je me forme en autoditacte depuis bientôt un an en vue d'une reconversion). Actuellement j'utilise React Native coté front et NodeJs avec Express pour le back (je compte voir NextJs aprés mon projet). Mais j'ai un petit soucis: étant donné que je gere l'envoi des mails coté back, comment importer le .jsx coté back pour le rendre dans le mail ? J'ai essayé d'utiliser babel pour reconnaître l'extension .jsx mais rien à faire.. (j'utilise les imports Es6 dans mon back). Sinon , je pense implémenter resend directement coté front, stocker mon api dans une variable .env ainsi que l'email d'envoi. Et la fonction d'envoi d'email sera lancée dans la fonction de createUser (pour le cas du mail de confirmation) juste aprés le fetch ( if(response.ok) => sendEmail.. ) Je ne vois que des avantages à fonctionner comme ça (et j'ai pas trouvé d'autre solution), mais ce n'est pas considéré comme une mauvaise pratique ? Merci d'avance !
J’ai enfin compris en vrai comment fonctionne Useeffect... Merci
Salut Master si possible, j'aimerais bien que vous fassiez une vidéo sur réact router. Merci pour tout
Wow merci pour cette explication bien plus claire que celle que j'ai dans le cours d'OpenClassrooms.
Très bien expliqué !!!
Tu vas trop vite ....
J'ai une question, dans un projet on peut avoir plusieurs reduceurs?
Très bonne formation, tu es le meilleur
C'est fou comment tu expliques trop bien. On comprend tout même le fonctionnement de react c'est super important de comprendre. Merci infiniment
Bravo pour les explications ! 👍
C'est top, chef!👍
Les "..." servent à créer une copie?
Merci pour la video ! Stp, fais une video pour gerer l'authentification et les accès à certains composants avec react js en utiliant soit les sessions ou le token 🤦♂. J'aimerais avoir une autre approche de la mienne, merci d'avance !