Atomic React
Atomic React
  • 38
  • 113 734
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
มุมมอง: 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 le hook useCallback de React
มุมมอง 2.6Kปีที่แล้ว
Comprendre le hook useCallback de React
Comprendre le hook useMemo de React
มุมมอง 2.3Kปีที่แล้ว
Comprendre le hook useMemo de React
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 le hook useReducer de React
มุมมอง 6Kปีที่แล้ว
Comprendre le hook useReducer de React
Comprendre le hook useEffect de React
มุมมอง 12Kปีที่แล้ว
Comprendre le hook useEffect de React
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
Comprendre le hook useState de React
มุมมอง 12Kปีที่แล้ว
Comprendre le hook useState de 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
Pourquoi React n'est pas un Framework ?
มุมมอง 549ปีที่แล้ว
Pourquoi React n'est pas un Framework ?
Qu'est-ce que le SSR, SSG, ISR, ..?
มุมมอง 2.9Kปีที่แล้ว
Qu'est-ce que le SSR, SSG, ISR, ..?
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 !
8 façons de faire des conditions en JSX
มุมมอง 716ปีที่แล้ว
8 façons de faire des conditions en JSX
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 !

ความคิดเห็น

  • @YakeDev
    @YakeDev 3 วันที่ผ่านมา

    21:33 je suis perdu, je ne comprends plus 😢

  • @YakeDev
    @YakeDev 3 วันที่ผ่านมา

    Merci😊

  • @frantzcaliste6942
    @frantzcaliste6942 23 วันที่ผ่านมา

    Merci pour cette vidéo pour comprendre le useEffect

  • @fredericrannou7982
    @fredericrannou7982 25 วันที่ผ่านมา

    Super clair et didactique ta série de vidéo sur les hooks, merci beaucoup.

  • @EugeneHeriniaina
    @EugeneHeriniaina 28 วันที่ผ่านมา

    Merci, bien expliqué

  • @sayinko9255
    @sayinko9255 หลายเดือนก่อน

    Tes explications sont super claires ! Merci beaucoup :)

  • @antoinekc1819
    @antoinekc1819 หลายเดือนก่อน

    Ce mec explique vraiment trop bien !

  • @mohamedbakaryyattoura7406
    @mohamedbakaryyattoura7406 หลายเดือนก่อน

    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

  • @system7559
    @system7559 หลายเดือนก่อน

    Merci beaucoup pour cette vidéo !

  • @cheikhtouradfall
    @cheikhtouradfall หลายเดือนก่อน

    je veux comprendre les composent sur react

  • @jean-bernardsaint-eve3340
    @jean-bernardsaint-eve3340 หลายเดือนก่อน

    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

  • @desireedeutou9635
    @desireedeutou9635 หลายเดือนก่อน

    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 ☺

  • @tojorarivoson8589
    @tojorarivoson8589 หลายเดือนก่อน

    le video avec storybook est elle deja sorti? ba j'attend que ca pendant un certein moment on tout cas nice video

  • @shinobye4259
    @shinobye4259 หลายเดือนก่อน

    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.

  • @joannybernardeau8691
    @joannybernardeau8691 2 หลายเดือนก่อน

    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

  • @linkdk59
    @linkdk59 2 หลายเดือนก่อน

    La meilleure explication! Limpide++

  • @editedbywe5825
    @editedbywe5825 2 หลายเดือนก่อน

    hello pour un micro saas de vente de template simple, tu facture combien environ ?

  • @hugolevet4432
    @hugolevet4432 2 หลายเดือนก่อน

    Ç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 ?

    • @atomicreact
      @atomicreact 2 หลายเดือนก่อน

      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 😉

    • @Ramuh9
      @Ramuh9 2 หลายเดือนก่อน

      ⁠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 💪

  • @mechwalid
    @mechwalid 2 หลายเดือนก่อน

    Intéressant

  • @leocrotet
    @leocrotet 2 หลายเดือนก่อน

    Super projet! Ça va devenir un indispensable dans ma recherche de missions freelance

  • @vivre-du-net2505
    @vivre-du-net2505 2 หลายเดือนก่อน

    Oui sa nous intéresse beaucoup

  • @jordankouassi6311
    @jordankouassi6311 2 หลายเดือนก่อน

    09:25 Salut video vraiment intéressante et utile. STP pourrais tu me dire comment as tu fais l'importation automatique ?

    • @nadas3169
      @nadas3169 6 วันที่ผ่านมา

      CTRL + ESPACE puis ENTRÉE 😉

  • @vivre-du-net2505
    @vivre-du-net2505 2 หลายเดือนก่อน

    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

  • @MarckPivi
    @MarckPivi 3 หลายเดือนก่อน

    merci infiniment

  • @NetLearning-bs1rg
    @NetLearning-bs1rg 3 หลายเดือนก่อน

    C'est la meilleure vidéo que j'ai trouvée sur ce sujet. Merci beaucoup

  • @JaysonStanleydjems
    @JaysonStanleydjems 3 หลายเดือนก่อน

    Tes explications sont super bonnes et merci c'est du super travail

  • @med-idabdellah
    @med-idabdellah 3 หลายเดือนก่อน

    french 🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢🤢

  • @ertholinulysse4054
    @ertholinulysse4054 4 หลายเดือนก่อน

    React en feu Du vrai b…..be atomique Excellent 🤗🤗

  • @ertholinulysse4054
    @ertholinulysse4054 4 หลายเดือนก่อน

    React en feu 🔥 😂 Du vrai b…..be atomique 🔥 🔥 🔥 Excellent 👌🏾

  • @jonathanmerlin4415
    @jonathanmerlin4415 4 หลายเดือนก่อน

    Merci beaucoup pour ta vidéo ! Dis moi, tu utilises quoi pour afficher le poid des imports sur la droite ^^ ?

  • @sylvestreahlonsou5376
    @sylvestreahlonsou5376 4 หลายเดือนก่อน

    Très bonne vidéo...

  • @sylvestreahlonsou5376
    @sylvestreahlonsou5376 4 หลายเดือนก่อน

    well explained ...mercii

  • @LaurentDaleo
    @LaurentDaleo 4 หลายเดือนก่อน

    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.

  • @CoulibalyCheickMohamed
    @CoulibalyCheickMohamed 5 หลายเดือนก่อน

    Super merci 👏🙏, le USEREF stp 🙏

  • @guillaumedurant7647
    @guillaumedurant7647 5 หลายเดือนก่อน

    Bonjour, Merci, merci, merci.... Je découvre React et jusqu'ici, j'avais rien capté à usEffect !

  • @k4nful
    @k4nful 5 หลายเดือนก่อน

    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

  • @sidymohamedcherifhaidara980
    @sidymohamedcherifhaidara980 5 หลายเดือนก่อน

    Je pense que c'est la meilleure explication que j'ai suivie ❤ Merci mec

  • @racingcars1333
    @racingcars1333 5 หลายเดือนก่อน

    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 !

  • @Maertaugh
    @Maertaugh 5 หลายเดือนก่อน

    J’ai enfin compris en vrai comment fonctionne Useeffect... Merci

  • @amadoulaminedione5714
    @amadoulaminedione5714 5 หลายเดือนก่อน

    Salut Master si possible, j'aimerais bien que vous fassiez une vidéo sur réact router. Merci pour tout

  • @MrBonbatong
    @MrBonbatong 5 หลายเดือนก่อน

    Wow merci pour cette explication bien plus claire que celle que j'ai dans le cours d'OpenClassrooms.

  • @jude_music
    @jude_music 5 หลายเดือนก่อน

    Très bien expliqué !!!

  • @SebastienDecaste
    @SebastienDecaste 5 หลายเดือนก่อน

    Tu vas trop vite ....

  • @gregoireyakeu32
    @gregoireyakeu32 5 หลายเดือนก่อน

    J'ai une question, dans un projet on peut avoir plusieurs reduceurs?

  • @gregoireyakeu32
    @gregoireyakeu32 5 หลายเดือนก่อน

    Très bonne formation, tu es le meilleur

  • @code-discovery
    @code-discovery 5 หลายเดือนก่อน

    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

  • @joantsyn7578
    @joantsyn7578 6 หลายเดือนก่อน

    Bravo pour les explications ! 👍

  • @joantsyn7578
    @joantsyn7578 6 หลายเดือนก่อน

    C'est top, chef!👍

  • @Jean-Claude-v6q
    @Jean-Claude-v6q 6 หลายเดือนก่อน

    Les "..." servent à créer une copie?

  • @amatutoriel
    @amatutoriel 6 หลายเดือนก่อน

    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 !