Introduction to React Native. A better way to write mobile apps.

What is React Native and how can I get into it...

Transcript

1. Introduction to React Native. A better way to write mobile apps
2. I am Pubudu Kodikara Founder of LeafyCode. @THpubs Hello! 2
3. React! Where you should begin. 3
4. Getting the basics ◉ HTML, CSS and JavaScript ◉ React ◦ Virtual DOM ◦ JSX ◦ Components ◦ Component lifescycles 4
6. React Native Where you are heading. 6
7. It’s not a hybrid app React Native maps your components to native elements. ! 7
8. Getting into React Native ◉ HTML, CSS and JavaScript ◉ Flexbox ◉ React ◉ Native if you want... 8
9. Advantages ◉ It’s JavaScript ◉ Code reuse ◉ Live Reload & Hot Reloading ◉ Debugging ◉ Performance when compared to hybrid apps 9
10. Disadvantages ◉ Not all native components are mapped yet ◉ Sometimes you’ll need native developers ◉ New and rapidly evolving 10
11. Code Demo 11
12. “ Meanwhile, we’ve learned to adapt to its inevitable pain points without sacrificing overall productivity. ~ Discord ~ 12
13. Any questions ? You can find me at ◉ @THpubs ◉ pubudu@leafycode.com Thanks! 13
16. Plant a seed! Change the world... 16
17. Resources ◉ https://facebook.github.io/react-native/ ◉ https://facebook.github.io/react-native/docs/tutorial.html ◉ https://www.udemy.com/the-complete-react-native-and-re dux-course/ ◉ https://blog.discordapp.com/why-discord-is-sticking-with-r eact-native-ccc34be0d427 17