Prochaine session

26 au 30 mars 2018 16 villa Gaudelet, 75011 Paris

Présentation

Apprenez à développer des applications front-end complexes avec React et Redux.

Objectifs React + Redux + Rails

  • 1Modéliser ses composants de vues avec React
  • 2Modéliser ses flux de données avec Redux
  • 3Construire une application web complexe avec React + Redux et une API REST fournie
  • 4Intégrer une application web React + Redux à une application Rails existante

Pré-requis

  • Bonnes connaissances en JavaScript
  • Quelques notions d'ES6
  • Savoir utiliser une API REST
  • Bonnes connaissances en Rails

Formateurs

Image?request=eyj1cmwioijodhrwczovl3jhdy5naxrodwj1c2vyy29udgvudc5jb20vbgv3%0aywdvbi93d3ctaw1hz2vzl21hc3rlci9ibg9nl2f1dghvcnmvzwr3yxjklxnj%0aahvsdhmuanbniiwid2lkdggiojewmcwiagvpz2h0ijoxmdasinnpz25hdhvy%0azsi6im5pdertvhbxyw5rewl3qkcxs3znwfnju3o4mgjxctbvz25qtmfwrxrp%0aave9in0%3d
EdwardSchults Lead Teacher
Image?request=eyj1cmwioijodhrwczovl3jhdy5naxrodwj1c2vyy29udgvudc5jb20vbgv3%0aywdvbi93d3ctaw1hz2vzl21hc3rlci9ibg9nl2f1dghvcnmvc2viyxn0awvu%0alxnhdw5pzxiuanbniiwid2lkdggiojewmcwiagvpz2h0ijoxmdasinnpz25h%0adhvyzsi6inltwg1jcznqmkh5zmrwszdkm1rvwuf6ogzqrhrlzzzonwhuedr1%0aoxzsu3c9in0%3d
SébastienSaunier CTO
Du JS en spaghetti de jQuery, ce n'est pas une fatalité !

Ce que vous allez apprendre :

Jour 1 : Écosystème du JavaScript moderne

  • Babel pour compiler l'ES6
  • Webpack pour empaqueter des modules
  • npm comme source de librairies
  • yarn pour les intégrer
  • ES6 : nouvelles syntaxes
  • Prise en main de React - présentation de la classe Component
  • Notion de "props" et "state"
  • JSX comme language de template
  • Gérer ses modules avec import / export

Jour 2 : React + Redux

  • Combiner des composants React pour faire une application web complexe
  • Récupérer de la donnée en AJAX avec fetch pour alimenter nos composants
  • Utiliser map pour les patterns de listes
  • Prise en main de Redux - notion de state global au niveau de l'application
  • Modélisation et gestion du state de l'app
  • Promouvoir les Composants qui ont besoin de connaitre ce state en Containers
  • Définir les Reducers et Action Creators responsables de reverser les changements de state aux différents Containers

Jour 3 : React + Redux (Suite)

  • Middleware pour le traitement des Promises
  • Connecter une app front-end à une API REST fournie
  • React Router pour simuler la navigation sur une SPA
  • Redux Form pour poster de la donnée sur l'API
  • Form Validation pour gérer la validité des données postées

Jour 4 : Tests + Projet

  • Renforcer son workflow avec des tests
  • Développer un MVP personnel

Jour 5 : React + Rails

  • Mettre en place React + Redux dans une app Rails fournie
  • Construire une App de chat en temps réel avec React et Redux dans Rails, avec ActionCable (web sockets)

Prix

€2,500 TTCsoit €2,083 HT

Alumni programme Fullstack

Offre spéciale €1,500 TTCsoit €1,250 HT

F.A.Q

Qu'est-ce que React ?

ReactJS est une librairie JavaScript qui a vocation à générer des bouts de HTML qui seront lus par un navigateur Web.

Qu'est-ce que Redux ?

Redux est une librairie JavaScript dédiée à la gestion du flux de données à reverser dans vos différents composants pour mettre à jour leur état.

Faut-il utiliser React quel que soit le projet que vous codez ?

Non. React est particulièrement utile et performant lorsque :

  • Vous identifiez des composants dans vos vues (i.e. des sous-ensembles qui forment un "tout")
  • Et qu'ils ont un comportement dynamique (changement de couleur au clic sur un bouton, apparition d'un élément au survol d'une image, …)

En effet, React vous permet de penser vos composants comme des objets, porteurs :

  • de propriétés (ou props, données immuables, propres à l'objet)
  • d'états (ou state, susceptibles de changer au cours de la vie du composant)
  • de comportement

Les deux librairies associées offrent un framework performant pour construire des applications front-end complexes dotées d'une interface dynamique et réactive.

Je suis un développeur Ruby on Rails, vais-je pouvoir utiliser ce que j'apprends pendant cette formation dans mes applications Rails ?

Oui, depuis la version 5.1 de Rails et l'intégration de la gem webpacker, il est très simple d'intégrer React et Redux dans une app Rails.

React white
Prochaine session 26 au 30 mars 2018 16 villa Gaudelet, 75011 Paris
Participants 10
Prix: €2,500 TTCsoit €2,083 HT
Alumni programme Fullstack Offre spéciale €1,500 TTCsoit €1,250 HT
Je réserve ma place