ReactJS pour les néophytes


Venez découvrir React, la librairie web du moment dans un atelier 100% JS, le vrai JS, celui qui marche, celui qui fait plaisir à coder !


Vous le savez sans doute, le javascript ne sert plus à faire tomber des flocons ou afficher des étoiles qui suivent les mouvements du curseur. De vrais frameworks JS tels que Backbone, AngularJS, etc. ont vu le jour et permettent de contrôler partiellement ou complètement les pages de nos applications web. Avec NodeJS, le langage s’est également déporté coté serveur.

Depuis quelques mois, React fait parler de lui avec ses bonnes idées et sa volonté de réécrire les standards.

On vous propose de le mettre en oeuvre après une présentation courte sur l’environnement de développement et en commençant par les bases.

Le but est d’arriver à construire une application basée sur React avec une implémentation de Flux existante (Note: sans doute Reflux).

L’approche sera progressive et autant que possible dirigée par les tests (TDD).

Prérequis :

  • Une connaissance, même faible, dans un framework javascript (ne serait-ce que jQuery)
  • Un poste avec NodeJS et un éditeur web (Webstorm, Atom, Sublime, Bracket, …)
  • Validation des prérequis techniques du poste ici


#WORKSHOP in French

Nicolas Cuillery

Consultant formateur JS @ Zenika et contributeur open-source compulsif


Florent Lepretre

Consultant développement web


Matthieu Lux

Dev & Formateur @ Zenika Lyon, fan du Web & JS (Angular, Gulp, Node), administrateur du LyonJS



Other talks from Nicolas, Florent, Matthieu

  • 2019 - Vanilla JS 2019

    Matthieu Lux

    Imaginez une application Web qui utiliserait toutes les nouvelles APIs des navigateurs en même temps. Ce n'est peut être pas le projet le plus raisonnable pour un besoin client mais pour de la veille, c'est passionnant ! Je vous propose un retour sur cette expérience un peu hors du commun.

    Après une première édition 2018 et des retours encourageant, j’ai poussé toujours plus loin l’expérience avec encore de nouvelles APIs, la principale nouveauté : Web Assembly !

    Je vous propose le retour d'expérience du développement d’un application Web combinant toutes les nouvelles normes du Web. Pour me guider, il y a des règles strictes (sinon on s'ennuie !) :

    • Interdiction totale de l'utilisation de code source externe au projet
    • ‎Volonté d'utiliser autant de nouvelles normes que possible. Quelque soit les univers : HTTP, HTML, DOM, JS, CSS.
    • ‎Tout est autorisé du moment que ce soit une norme non propriétaire et que cela fonctionne dans au moins 2 navigateurs (flags autorisés).

    Nous parlerons d'un bon nombre de sujets :

    • HTTP/2
    • Web Components
    • Web Assembly
    • Virtual Dom
    • State Management
    • Web Workers
    • Service Workers

    Je vous propose de vous présenter les résultats d'un "fun project" qui, pour moi, a sûrement été le plus intéressant et enrichissant depuis longtemps si ce n'est depuis toujours.


  • 2016 - Tout ce que vous voulez savoir sur Redux

    Nicolas Cuillery

    Matthieu Lux

    Redux est un nouveau paradigme de programmation pour les interfaces Web. Il propose de centraliser l’intégralité du contexte de l’application en un seul endroit organisant toutes les transformations de façon reproductible.

    Venez découvrir et mettre en pratique ces nouveaux concepts !


  • 2013 - Live coding avec Yeoman & AngularJS

    Matthieu Lux

    Présentation des solutions Yeoman et AngularJS et réalisation en live d’une interface Web permettant l'édition de données d'un service REST


  • 2015 - Application isomorphique avec ReactJS et Flux

    Nicolas Cuillery

    Comment répondre aux problématiques de performance et de SEO des applications single-page grâce à l’isomorphisme avec React et Flux ?


  • 2014 - AngularJS from scratch

    Matthieu Lux

    Nous vous proposons de réécrire AngularJS de zero avec nous. Rien de tel pour démystifier le framework et ses principales fonctionnalités!