Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
97 lines (59 sloc) 4.79 KB
date slug title description image page_title page_emphasis
2018-04-25
react-finland
React Finland 2018 mission Helsinki
Sketchnoting depuis la Finlande à la rencontre de la communauté React
It’s sort of a hack but it worked
La première édition de React Finland avec des buzzworld comme Apollo, GraphQL, Redux, MobX, Blockchain…

MOI-moi 👋

Cette semaine, j'étais à Helsinki à la rencontre de la communauté React de Finlande.

J'ai rédigé un article en anglais sur la première journée de workshop. Si vous souhaitez en savoir plus sur des sujets comme :

  • Style Guide Design Workflow
  • React Native

Vous pouvez lire mon article medium à propos de la première journée de workshop. Je partage ici le reste des mes liens / sketchnotes sur ces 3 jours de conférence.

The new best practices in React

TLDR; @jevakallio nous conseille de se concentrer sur votre produit et non sur les outils.

React Finland 2018 sketchnoting

Immutability made EASY with Immer

Comment pouvez vous simplifier votre reducer? En ajoutant une nouvelle librairie pour gérer l'immutabilité.

React Finland 2018 sketchnoting declarative

Styled components, Server Side Rendering and theming

Je dois avouer que je ne comprennais pas la guerre css-in-js Versus le reste du monde. Écrire du css en JavaScript? Après tout quand on utilise react on code du JSX donc yolo !

Kasia Jastrzębska à changé ma vision avec son talk sur les styled components.

Exemple : Vous souhaitez faire une application accessible avec un theme de couleur qui change en fonction de l'heure de la journée ? (Comme l'application flux sur macOS)

Challenge accepted avec les styled-components.

React Finland 2018 sketchnoting Styled components

Universal React app with Next

J'ai déjà travaillé avec React et Nextjs et l'expérience utilisateur est juste folle !

Pourquoi ?

Car le server-side rendering et le code-splitting améliore considérablement le temps de chargement.

React Finland 2018 sketchnoting JavaScript next framework

Envie de créer votre première application avec Next.js? Télechargez le repo d'exemple à cette adresse.

Make linting great again

Vous souhaitez lancer un eslint --fix à chaque commit pour éviter d'avoir une erreur avec votre CI? lint-staged est la solution à votre problème 😉

React Finland 2018 sketchnoting linting

React Native Ignite

Certainement pour moi la partie la plus mind-blowing de cette conférence qui va m'aider à résoudre 2 points douloureux avec React Native : le setup d'un nouveau projet et le debug.

React Finland 2018 sketchnoting React Native Ignite

Scaffolding d'une application react-native

Avec le CLI Ignite vous avez le choix entre 2 templates :

  • Bowser boilerplate

    • React Native
    • React Navigation
    • Mobx State Tree
    • Typescript
  • Andross boilerplate

    • React Native
    • React Navigation
    • Redux
    • Redux Sagas

Je vous conseille de regarder la documentation d'Ignite disponible sur GitHub

Debugger votre application React Native

Avec du natif c'est compliqué d'ouvrir la console chrome pour debug votre code JavaScript.

Pas de panique ! Avec l'application reactotron vous pouvez inspecter facilement vos applications React et React Native.