Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

React Native dans vos Apps Natives - Android Makers - MixIT - Riviera Dev

218 views

Published on

La saison des conférences touche à peine à son bout, j'aurai eu le plaisir de présenter React Native à Paris, Lyon et Sophia.
De superbes conférences, je suis chaque année impressionné !
Merci aux organisateurs, aux sponsors, aux speakers et aux participants :-)

Vous pouvez retrouver la vidéo sur le site de MixIT grâce à InfoQ : https://mixitconf.org/en/2017/react-native-dans-vos-apps-vos-apps-dans-react-native
La vidéo d'Android Makers est également disponible, mais je suis clairement moins fier de cette première réalisation.

Au passage, merci à Axa qui m'a permis de m'exercer avant le MixIT. Ça a été clef pour rebondir sur la prestation à Android Makers et arriver au résultat du Riviera Dev.

Vous pouvez retrouver la Démo sur Github : https://github.com/jechercheundev/react-native-demo
Et sur le Play Store : https://play.google.com/store/apps/details?id=jcud.fr.reactnativedemo

Abstract :
React Native, ça fait buzzword. Oh wait, c'est carrément trop buzzword. React Native, c'est pas histoire de laisser les Web Developer faire des Apps de manière pas trop sale. React Native, c'est pas juste pour faire du Cross Platform. En fait, c'est plus une techno assez fine qui va changer le développement mobile même pour les Devs Natifs ! Je vous propose de découvrir le point de vue d'un dev Natif en voyage dans React native =D

Published in: Software
  • Be the first to comment

React Native dans vos Apps Natives - Android Makers - MixIT - Riviera Dev

  1. 1. React Native Put some swag in your Android / iOS
  2. 2. Who am I • I’m an Android Developer first • Also doing some iOS Code • Worked for startups and as Freelance • Founder of JeChercheUnDev.fr
  3. 3. Take away : Demo App https://goo.gl/T4SQd8
  4. 4. What's the pain point ?
  5. 5. We hate webviews We still have to use them : ➡ On sensitive things like a checkout form that we want to deploy in a second ➡ Because we want to use the same views on multiple platform ➡ Because we are rendering html content
  6. 6. We maintain two similar apps on both Android and iOS
  7. 7. You think Javascript sucks
  8. 8. Actually browser fragmentation sucks Most web developers use a shitty and old javascript because of it
  9. 9. Modern Javascript is neat
  10. 10. Another Framework for Web Devs to do shitty mobile apps ?
  11. 11. It’s not about Cordova
  12. 12. You think cross-platform sucks unless for some very specifics use case
  13. 13. React Native is just a great tool that can really change you developer experience
  14. 14. What’s React Native ?
  15. 15. What is React ? Render JS Script Browser 
 DOM
  16. 16. React Component 101 Render and it’s okay
  17. 17. Component's LifeCycle
  18. 18. Component Composition
  19. 19. State and Props React components maintain their own state and read props from their parents
  20. 20. What is React ? Render JS Script What is React Native ? Native UIBrowser 
 DOM
  21. 21. What you should know before starting
  22. 22. React is only the V from MVC And you don’t need a MVC
  23. 23. Redux FTW there is also alternatives like Flux
  24. 24. It’s still pre-release 1.0 One release candidate very week
 One minor version every month
 Breaking changes are foreseeable
  25. 25. UI Layout sim. to Flexbox So you can hire your best responsive integrator
  26. 26. As fast as Buck
  27. 27. CodePush from cloud to app
  28. 28. Flow Type checking made easy
  29. 29. New things every day react-native-maps native-navigation Use http://js.coach
  30. 30. Dev Env Packager `react-native start' ReactInstance Native App Assets bundle.js bundle.js
  31. 31. React Native Sum up React Native API is neither similar to Android, 
 neither similar to iOS It’s rather iOS first (Objective-C First) Yes, it’s not release 1.0 yet Very flexible integration in your native apps Very flexible for platform specific code Very dynamic eco-system use js.coach !

×