Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development React

React v16 + Redux avancé

Les concepts avancés de React et Redux , Hooks, authentification, tests, Router v4, HOC, middleware, express...
Rating: 3.6 out of 53.6 (173 ratings)
1,371 students
Created by Robin Lebhar
Last updated 8/2019
French
30-Day Money-Back Guarantee

What you'll learn

  • Construire une application avec authentification sécurisée avec MongoDB, passeport JS et Express
  • Comprendre des concepts et bonnes pratique architectural pour créer une application React et Redux
  • Découvrir comment fonctionne les tests unitaire avec React et Redux
  • Apprendre plein d'astuces et de bonnes pratiques sur l'utilisation des state, les selecteurs, reselect, les reducers et bien d'autres choses
  • Comprend comment éviter des erreurs communes comme les mutations de state avec Redux
  • Apprend un écrire des middleware avec Redux
  • Apprend à configurer un environnement de test avec Mocha et Chaï
  • Découvre des concepts comme les High Order Component pour pourvoir écrire moins de code
  • Apprend à manipuler les Hooks de React !

Course content

9 sections • 71 lectures • 6h 14m total length

  • Preview02:35
  • Preview02:19

  • Préembule
    00:25
  • Preview04:44
  • WillReceiveProps
    07:34
  • getDerivedStateFromProps et getSnapShotBeforeUpdate
    06:12
  • Preview04:01
  • Preview06:47
  • Les Hooks d'état
    08:11
  • Les Hooks d'effet
    07:16

  • Github
    00:08
  • Un boiler plate Redux (000)
    04:05
  • Installer Redux soit même
    00:08
  • Snippet
    00:27
  • Squelette du header (001)
    05:00
  • Action et reducers de connexion (001)
    04:41
  • Intégration des actions (001)
    03:51
  • React router V3 vs V4
    02:06
  • React router v4 - intégration ( 002 )
    07:09

  • HOC c'est quoi ?
    03:30
  • HOC - Intégration partie 1 (003)
    06:26
  • HOC - intégration partie 2 (003)
    03:44

  • Un middleware c'est un quoi ?
    03:29
  • Création du compteur d'actions (004)
    05:00
  • Création du middleware (004)
    12:47

  • Intro
    06:25
  • Premier test (005)
    07:02
  • Expect et Shallow (005)
    08:20
  • Les événements simulés (005)
    09:32
  • Test avec les composants connectés ( 006 )
    09:58
  • Création d'un helper pour composants connectés (006)
    02:38
  • Test avec le helper de composants connectés (006 )
    03:58
  • Test des actions reducers (006)
    07:15

  • Pourquoi les selecteurs
    03:21
  • UI ressouces ( 007 )
    07:57
  • UI ressources partie 2 (007)
    03:17
  • Les selecteurs standards (007)
    08:57
  • Reselect (007)
    06:46
  • Mutation de state et immutable.JS (007)
    09:01

  • Github
    00:03
  • Intro
    03:34
  • Installation ( 000 )
    05:14
  • NOTE : Installation de la base de donnée
    00:12
  • Installation base de donnée sur le cloud
    04:29
  • Monter le serveur ( 000 )
    04:45
  • Créer une route ( 000 )
    03:21
  • Connexion à la base de donnée ( 001 )
    06:15
  • Création du model User ( 001 )
    04:10
  • Controller (002)
    07:17
  • Authentification (002)
    06:02
  • Crypter un mot de passe
    02:19
  • Utilisation de Bcrypt ( 003 )
    05:54
  • Flow sécurisé
    03:43
  • PassportJS
    03:13
  • Générer un Token avec JWT-simple ( 004 )
    05:41
  • 44 - Strategy passport ( 005 )
    08:19
  • 45 - Requête sécurisée ( 005 )
    03:33
  • 46 - Strategy Login (006)
    11:54

  • Connexion formulaire ( 007 )
    11:17
  • Signin actions ( 007 )
    10:00
  • Erreur CORS ( 007 )
    03:14
  • Page déconnexion ( 007 )
    06:54
  • Page inscription ( 008 )
    05:41
  • CSS inscription ( 008 )
    03:10
  • Validation ( 008 )
    07:31
  • Inscription actions ( 008 )
    02:44
  • Requête sécurisée ( 009 )
    06:38
  • Correction HOC ( 010 )
    02:09
  • Connexion automatique via token ( 010 )
    07:09
  • Composant Errors ( 010 )
    06:24
  • Gérer les erreurs backend ( 011 )
    05:04

Requirements

  • Avoir une bonne compréhension de React et une connaissance de Redux

Description

Venez découvrir de nombreux concepts avancé et nouveautés de React V16 et Redux.


Alerte : Il est essentiel d'avoir une connaissance et react et de redux avant de suivre ce cours !


Le but de ce cours est de vous amener au niveau supérieur avec React et Redux.

Vous allez y découvrir dans une première partie beaucoup de nouveautés

-Dans ce cours nous utiliserons la dernière version de React (16) et découvrirons par exemple les Hooks ou le nouveau cycle de vie de React
-La dernière version de Redux et Redux-Form
-Nous allons construire ensemble une application complète connectée à une base de donnée MongoDB et sécurisée avec JWT ( Javascript Web Token ).
-Vous apprendrez à utiliser la dernière version de React Router : La version 4 une réécriture complète de la librairie !
-Vous découvrirez des concepts abstraits, mais forts utiles avec React : Les HOC ( High Order Component )
-Nous apprendrons à réaliser des tests unitaires sur nos composant avec Jest et Enzyme
-Nous verrons quelles sont les erreurs communes avec Redux et comment les éviter : Les mutations de state
-Nous découvrirons aussi le concept de middleware dans Redux
-Nous apprendrons à utiliser des librairies indispensables comme Reselect et comment créer des sélecteurs
-Vous apprendrez à monter un serveur Express avec une base de donnée MongoDB !

Comme d'habitude on fait ça progressivement, dans le fun et la bonne humeur, rien ne change ;)

Who this course is for:

  • Toutes les personnes ayant une expérience avec React et Redux

Instructor

Robin Lebhar
Ingénieur - Développeur Full-Stack - PDG de Chill Studio
Robin Lebhar
  • 4.2 Instructor Rating
  • 1,980 Reviews
  • 5,945 Students
  • 7 Courses

Bonjour,

Je m'appel Robin Lebhar je suis ingénieur en informatique et plus spécifiquement, je travail dans le développement d'applications avec web et mobile avec les technologies en vogues React Redux, React Native, NodeJS

Le développement est mon travail mais aussi ma passion, je souhaite donc partager mes connaissances.

Je suis très curieux et je veux toujours rester au top des technos les plus demandées sur le marché.

Mon objectif est de donner accès aux autre curieux comme moi, à des connaissances qui permettent de monter en compétences, booster leurs CV ou encore découvrir des technologies les plus tendances.

Ma façon de faire ?
Fournir des explications efficaces pour transformer du complexe en simple.

Avec moi avancez pas à pas, avec des schémas et des corrections pour un suivis simplifié
.
Chacun de mes cours propose des projets concrets pour que vous mettiez les mains dans le charbon, car il n'y a rien de mieux pour comprendre !

Les cours sont adressés aux débutants et aux plus avancés, le tout dans une ambiance de fun et de bonne humeur ;)





  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.