Tour d’horizon de l’écosystème React-ien par Guillaume BESSON

•

0 gostou•470 visualizações

React seul c’est bien, React avec son écosystème c’est largement mieux ! Faisons un tour des petites et grosses librairies et outils autour de cette librairie.

Negócios

Tour d'horizon de
l'écosystème React-ien

Salut !
Guillaume Besson
@geekuillaume
guillaume@besson.co

Un histoire de taille
Minifié Gzip
Ember 478K 121K
Angular 165K 58K
React 6.5 + 101K 2.8 + 32K
Vue 81K 30K
Preact 8.1K 3.4K

Ca manque
Routing State
Models
Et d’autres...

Le classique style.css
https://github.com/webpack-contrib/css-loader

Et le naming ?
https://github.com/css-modules/css-modules

Et l’extensibilité ?
https://github.com/styled-components/styled-components

Le problème
Globals ou props hell ?
Side effects

Trois principes de Redux
● Single source of truth
● State is read-only
● Changes are made with pure functions

En plus: moins de boilerplate
https://github.com/reduxactions/redux-actions

Tester en dehors du réseau local
https://ngrok.com/

Merci !
@geekuillaume
guillaume@besson.co

Mais conteúdo relacionado

Semelhante a Tour d’horizon de l’écosystème React-ien par Guillaume BESSON

HTML5 PushState

Florian L

Git

Normandy JUG

Le futur de AngularJS (2.0)

Clément Dubois

HTML5... La révolution maintenant!

CARA_Lyon

HTML5... La révolution maintenant!

CARA_Lyon

Le web et ses standards évolue rapidement, très rapidement, trop rapidement... Les navigateurs n'arrivent pas forcément à suivre le mouvement et les utilisateurs bloqués sans mise à jour encore moins. Il devient frustrant pour les développeurs de sans cesse entendre parler de nouveautés qu'il ne pourra pas utiliser avant des années. Heureusement des outils comme Babel et PostCSS nous permettent d'enfin utiliser les dernières normes et de les laisser se préoccuper de la compatibilité ! Venez découvrir ces super outils qui vous permettront de développer dans le futur dès aujourd'hui !

Développez dans le futur, dès maintenant !

matparisot

Développez dans le futur, dès maintenant !

Mathieu Parisot

Introduction aux web components

Francois ANDRE

Javascript proprement

Guillaume Collic

Agenda : Les enjeux de la performance d'un site Web Les différents éléments de performance d'un site Web Infrastructure, architecture technique, tuning, architecture applicative, WebPerf L'obsession de la mesure Les outils Les quickwins Caches, upscaling, outscaling, sharding La démarche de test de charge Méthodologie, outils, types de test, données de test La démarche PDCA Intégrer les tests de charge au cycle de développement Environnement éphémère

Morning tech #2 - Démarche performance slides

Oxalide

Oxalide MorningTech #2 - Démarche de performance 2ème MorningTech @Oxalide, animé par Adrien Le Priol (@Priolix) et Ludovic Piot (@lpiot), le 28 février 2017. Une vue d'ensemble sur la démarche et les outils pour aborder et maîtriser la performance de son site Web. En 2012, Amazon publiait une étude indiquant que chaque seconde de performance perdue sur son site de commerce lui coûtait $1.6 milliards de chiffre d'affaire. Par delà ce chiffre colossal avancé par le géant du Web, il est une réalité business : plus un site est lent, et moins les utilisateurs sont enclin à naviguer dessus. Les smartphones et le SoLoMo exacerbent cette réalité avec encore plus depuis 10 ans maintenant. Sur le terrain, l'architecture technique des sites Web, de plus en plus complexe, rendent ses performances impossibles à prédire : complexité des développements applicatifs, multitude des composants impliqués dans l'architecture technique, recours à des services tiers (issus du SI de votre entreprise, ou de services tiers), big data, machine learning… Une seule façon de prédire les performances : tester… en situation réelle. A travers les différentes étapes d'une démarche d'optimisation des performances d'un site Web, les enjeux et les écueils d'une telle démarche vous seront détaillés. Subject: Oxalide's MorningTech talk about an overview of how to deal with performance in a Web site. Date: 28-feb-2017 Speakers: Adrien Le Priol (@Priolix, @Oxalide) and Ludovic Piot (@lpiot, @Oxalide) Language: french Lien SpeakerDeck : https://speakerdeck.com/lpiot/oxalide-morning-tech-number-2-demarche-performance Lien SlideShare : https://www.slideshare.net/LudovicPiot/morning-tech-2-demarche-performance-slides YouTube Video capture: https://youtu.be/a8jSbvyBzYU Main topics: * Les enjeux de la performance d'un site Web * Les différents éléments de performance d'un site Web ** Infrastructure, architecture technique, tuning, architecture applicative, WebPerf * L'obsession de la mesure * Les outils * Les quickwins ** Caches, upscaling, outscaling, sharding * La démarche de test de charge ** Méthodologie, outils, types de test, données de test * La démarche PDCA ** Intégrer les tests de charge au cycle de développement ** Environnement éphémère * Questions / Réponses

Oxalide Morning tech #2 - démarche performance

Ludovic Piot

Git ou le renouveau du contrôle de version

goldoraf

20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK

GreenIvory

Jit 2009 TYPO3 Performances

Patrick Gaumond

"Continuous Delivery" et "DevOps" font partis des buzz word du moment dans l'IT. Si vous n'êtes pas encore entrés dans ces démarches, ce n'est qu'une question de temps ! Préparez-vous à voir bientôt débarquer votre chef sur le bench avec le bouquin "Découvrir DevOps" sous le bras. Mais pour les développeurs, ça change quoi le DevOps ? A travers cette conférence, je vais vous faire part des mes différents retours d'expérience sur ces changements autour des pratiques, organisations et outillages.

Au secours, mon chef m'a demandé de passer au DevOps

antony_guilloteau

Python application packaging @ MeilleursAgents

Nicolas Mussat

JCertif 2012 : Git par la pratique

Rossi Oddet

Avec l’avènement des connexions haut-débit et bientôt très haut-débit, les concepteurs semblent de moins en moins attentifs à la rapidité de leurs sites. De plus, avec de telles connexions, les internautes supportent mal un site qui les fasse attendre. Cela gâche l’expérience utilisateur, pourtant censée être au cœur du "web 2.0" Cet atelier vous présentera comment, sans devoir repenser votre application ou vos pages depuis le début, améliorer la rapidité de votre site.

Un site web rapide ?

haricot

SEO & Javascript en 2021 : Challenger les acquis - Alexandre Pinat - SEO CAMP...

SEO CAMP

20180628 skill value_masterclass_reactnative - v1.3

Benoit Fillon

Semelhante a Tour d’horizon de l’écosystème React-ien par Guillaume BESSON (20)

HTML5 PushState

Git

Le futur de AngularJS (2.0)

HTML5... La révolution maintenant!

Développez dans le futur, dès maintenant !

Introduction aux web components

Javascript proprement

Morning tech #2 - Démarche performance slides

Oxalide Morning tech #2 - démarche performance

Git ou le renouveau du contrôle de version

20091006 Dev Forum Fr 001Introduction à GWT en utilisant AppCase SDK

Jit 2009 TYPO3 Performances

Au secours, mon chef m'a demandé de passer au DevOps

Python application packaging @ MeilleursAgents

JCertif 2012 : Git par la pratique

Un site web rapide ?

SEO & Javascript en 2021 : Challenger les acquis - Alexandre Pinat - SEO CAMP...

20180628 skill value_masterclass_reactnative - v1.3

Mais de La Cuisine du Web

Sous l’effet du développement du digital, la fonction marketing a connu de profondes mutations, l’objectif de cette conférence est de : – Identifier les impacts de la digitalisation sur les fondements du marketing, – Repérer les nouveaux champs d’activités devenus ou à venir incontournables à la fonction marketing, – Partager une vision des moyens à développer en tant que marketeur pour survivre dans ce nouvel écosystème

Kit de survie du marketeur au bois dormant – Digitalisation du marketing par ...

La Cuisine du Web

Objets connectés : adapter la technologie aux usages, et pas l’inverse ! par ...

La Cuisine du Web

Le fait que l’innovation soit aujourd’hui la seule option pour performer, retrouver compétitivité et croissance, est passé dans le langage quotidien des entreprises. Globalement toutes les entreprises innovent. Mais de quoi parle-t’on exactement ? Toutes les formes d’innovation ont-elles le même impact sur la performance de l’entreprise ? A l’aide d’exemples, je vous propose d’illustrer quelques situations qui feront écho à votre quotidien et qui soutiennent l’idée que la démarche d’innovation, un tant soit peu organisée, est génératrice de valeur et ce, de façon pérenne.

Manager l’innovation : est-ce contradictoire, pertinent, nécessaire ?… par Ma...

La Cuisine du Web

Hazelcast Jet est un nouveau venu sur le marché des solutions de Stream Processing distribué. Appuyé sur la grille de données en mémoire bien connue Hazelcast In-Memory Data Grid, ce nouveau produit (version 0.3 publiée en février 2017) mérite que l’on s’y intéresse malgré sa jeunesse. Je vais présenter ses fonctionnalités majeures, ses points forts et faibles actuels, et la roadmap annoncée de ce qui sera peut-être un produit incontournable du Stream Processing dans les années à venir.

Stream processing en mémoire avec Hazelcast Jet par Claire VILLARD

La Cuisine du Web

Vous aimez programmer pour le fun ? Ou peut-être pour la gloire ? Ou tout simplement pour apprendre et progresser ? Faisons ensemble un petit tour d’horizon des jeux, challenges et compétitions pour développeurs que l’on peut trouver sur le web, et même au-delà. Nous verrons qu’il n’y a (presque) pas d’âge pour commencer, et qu’il y a toujours de nouveaux défis plus chronophages les uns que les autres à relever.

Programming is Fun par Francis BELLANGER

La Cuisine du Web

La définition du community manager s’arrête facilement à la personne qui optimise la visibilité de l’entreprise grâce aux réseaux sociaux. Une mission réductrice qui oublie de donner le sens premier de ce métier : fédérer une communauté bien réelle. La démarche communautaire vous permettra d’éviter de tomber dans les troublions des statistiques et outils afin de donner du sens à vos actions et à votre entreprise Nous vous donnerons les pistes pour adopter la bonne posture et entamer un processus en 5 étapes : – La raison d’être – La conversation – La communication fine – La relation durable – L’expérience globale

La démarche communautaire au coeur de la croissance de votre entreprise par H...

La Cuisine du Web

Aucun doute, c’est la question la plus redoutée de tous les porteurs de projet… Et pourtant, les outils numériques nous offrent de nombreuses possibilités de mieux comprendre les attitudes et les comportements de nos clients (ou futurs clients). Et je ne parle pas d’un Google Form envoyé sur un groupe Facebook ! “Si j’avais demandé aux gens ce qu’ils voulaient, ils auraient répondu des chevaux plus rapides.” ~ Henry Ford Alors, jusqu’où va-t-on et comment procède-t-on lorsqu’un coach ou un mentor nous encourage à « aller faire du terrain » pour répondre à cette question? Quelles réponses attendre ? Comment les obtenir ? Et jusqu’où peut-on leur faire confiance ? Autant de questions auxquelles nous essaieront d’apporter une réponse concrète et actionnable.

Qui est ton client ? par Audrey JULIENNE

La Cuisine du Web

Cloaking is not a crime par Patrick VALIBUS

La Cuisine du Web

Electron, une alternative intéressante ? par Florent MOIGNARD

La Cuisine du Web

CSS orienté objet par Lenny ROUANET

La Cuisine du Web

La conférence aura pour thème l’automatisation de la mise en production d’une application web, plus précisément d’un site e-commerce. C’est une conférence généraliste ou je m’efforcerais de vulgariser le processus de mise en production et surtout d’expliquer quelles sont les avantages de son automatisation. En particulier si celles-ci sont automatisées il est facile d’augmenter leurs fréquences. Exemples à l’appui, nous verrons les bénéfices qu’apportent les mises à jours régulières et petites en comparaison à un cycle plus lent et plus gros notamment en terme de réactivité et de fiabilité. La discussion portera également sur la mise en place opérationnelle, avec une organisation de travail axée autour des méthodologies agiles.

Automatiser la mise en production d’un site web par Nicolas KANDEL

La Cuisine du Web

Design Sprints : Créons un monde meilleur ! par Jelto VON SCHUCKMANN

La Cuisine du Web

À l’heure de la création liquide ou “responsive”, les fontes se mettent à la page. La technologie “Multiple Master” et plus récemment les “variable fonts” permettent au dessinateur de caractères de de réfléchir en terme d’espace de design et non plus en forme statique, comme cela a été le cas pendant des siècles. Cela ouvre des perspectives infinies pour le créateur, mais aussi pour l’utilisateur qui se trouvera demain en possession d’une matrice typographique.

Fontes variables, la matrice typographique par Malou VERLOMME

La Cuisine du Web

Le design agile : 6 techniques pour designer de façon plus agile par Matthieu...

La Cuisine du Web

Réalité virtuelle et augmentée, ces nouvelles technologies au service de la f...

La Cuisine du Web

Traditionnellement fondé sur l’utilisation de fichiers, l’audio dans le web évolue vers de nouvelles formes, plus interactives et plus puissantes : l’audio procédural qui consiste à décrire avec un langage spécialisé la manière de produire ou transformer les sons. Cette révolution est rendue possible grâce plusieurs technologies dont WebAssembly, qui permet d’exécuter du code dans le Web à vitesse presque native. Des outils de haut niveau, comme Faust et INScore permettent d’accéder facilement à ces nouvelles possibilités.

Audio procédural : la révolution WebAssembly ! par Yann ORLAREY

La Cuisine du Web

Kafka c’est un peu la nouvelle star sur la scène des files de messages. Pourtant Kafka ne se présente pas en tant que tel, c’est un log distribué ! Alors qu’est ce que c’est ? Comment ça marche ? Et surtout comment et pourquoi je l’utilise ? Dans cette session, on décortique la bête pour tout vous expliquer ! Au programme : des concepts, des cas d’usage, du streaming et un retour d’expérience !

A la rencontre de Kafka, le log distribué par Florian GARCIA

La Cuisine du Web

Parcourir l’intérieur de votre cerveau, sur votre téléphone, uniquement avec des technologies web : c’est possible ! Et si je vous montrais comment on fait ? On en profitera pour se demander : – Une IRM c’est quoi au juste ? – Comment on stocke une image dans un fichier ? – Comment ça marche le binaire pour un humain ? – Javascript sait faire ça !? – À quoi tout cela peut-il nous servir dans nos quotidiens de dev ? Un talk avec des vrais morceaux de science, des 0, des 1, des exemples concrets et une démo live ! ⚡️

Voyage au centre du cerveau humain ou comment manipuler des données binaires ...

La Cuisine du Web

Ciel mon smartphone ! par Damien GOSSET

La Cuisine du Web

Je vous propose un retour d’expériences sur la détection des tendances consommateurs sur le marché du food. Où trouver et comment interpréter les données récoltées sur le web et l’ensemble des réseaux sociaux ? Quels sont les outils qui permettent de recueillir des données comportementales, relationnelles, déclaratives et transactionnelles ? Comment les études, le contenu utilisateur, la Data Google et le Social Media Monitoring permettent de définir des personae type ? Quelles interprétations et quelles clés de lecture de ses données pour comprendre les usages consommateurs d’aujourd’hui ?

Data Creativity, comment interpréter les tendances consommateurs grâce au Dat...

La Cuisine du Web

Mais de La Cuisine du Web (20)