Après le succès de la version gratuite de ReactJS Workshop (capture d'écran incluse), la même chose a été reconstruite pour inclure de nouvelles conférences et des exemples de code, y compris des évaluations. Le format hebdomadaire est introduit.
En tant que directeur - UI Practice & Engineering, ce format d'atelier de 5 jours a été conceptualisé par moi après avoir obtenu un grand succès en dispensant des ILT dans ce format.
Je crée des applications JavaScript depuis un certain nombre d'années et j'aime travailler avec les derniers et les meilleurs frameworks front-end tels que React, Redux, ES6 et Webpack pour fournir des solutions aux clients de nombreux secteurs ici dans le Midwest et au-delà. Ensemble, à travers une série de courtes leçons et des laboratoires lourds en code, nous allons créer une application en cours d'exécution avec React et Redux. Vous repartirez avec une compréhension pratique de l'utilisation de React dans vos propres applications, ainsi que du code de travail à exploiter en tant que ressource future utile.

Objectifs de l'atelier
------------------------------------
1. Vocabulaire et concepts de React
2. Utilisation de Redux
3. Connaissance des outils JS modernes
4. Évaluation
5. Lien vers des exemples de code
6. PPT standard sur le matériel sujet.
7. Approche organisée de 5 jours pour aborder la courbe d'apprentissage.

1. Bases de Réaction
Dans la première partie de cet atelier, nous commencerons par couvrir les concepts de base de React tels que le DOM virtuel. Une fois que nous aurons clarifié les concepts de base, nous couvrirons les classes React et les API fournies. Nous allons entrer dans les détails sur le rendu, les états, les accessoires, ainsi que le cycle de vie d'un composant React. Après cela, la discussion passera à JSX et aux distinctions importantes entre le HTML ordinaire. Nous verrons comment vous pouvez tester votre tout premier composant React avec Jest et Enzyme. Et bien sûr, un aperçu du paysage des outils React: y compris les derniers outils de construction JS, la gestion des dépendances JS et l'incroyable cadre de démarrage Create-React-App.

2. Réagir le routeur
Maintenant que nous savons comment créer des composants React, nous verrons comment nous pouvons tous les faire fonctionner ensemble pour créer une application monopage ultra-rapide à l'aide du routeur React. Dans cette conférence, nous couvrirons tout ce que vous devez savoir sur la configuration des états React, ainsi que sur les API et les composants que vous pouvez utiliser pour effectuer la transition entre eux.

3. redux
Maintenant que l'empreinte de notre application commence à croître, nous aurons besoin d'un bon modèle pour orchestrer l'état de tous nos composants. C'est là que l'architecture Redux entre en jeu: être la seule source de vérité pour soutenir notre application monopage. Dans cette conférence, nous couvrirons les principales parties de Redux (actions, réducteurs et magasins) et leur interaction. Dans le laboratoire, nous allons ajouter la bibliothèque Redux à notre application et l'utiliser pour fournir des données à nos composants React.

4. formulaires de réaction et validation
Dans la dernière conférence et le laboratoire, nous mettrons des formulaires sur nos données. Nous aborderons les composants du formulaire React et les raisons pour lesquelles ils diffèrent des autres composants React natifs. Ensuite, nous verrons comment nous pouvons ajouter la validation à nos composants de formulaire dans React Bootstrap. Dans l'atelier, vous utiliserez ce que vous avez appris pour créer des formulaires que nous utiliserons pour conserver les données dans un service REST.