with
React Native for Web
About me
BRINGS REACT NATIVE BUILDING BLOCKS & TOUCH HANDLING to the web
offers interoperability & zero configuration react components
Completes react's web ecosystem avoiding any inline css
react native components running in the browser
React native web uses atomic css
resulting with rather light weight css
React native web
benefits from your react tools
React native web
is a community initiative
REACT NATIVE web inherits
from react native robustness
Comes with ES6/ES7 and more
PREVENTs ANY if not all of the JAvascript Fatigue
Provides a turnkey solution to produce apps
embraces the novel css-in-Js architecture
imposes the usage of flexbox for layout
attempts at following web specifications
REACT NATIVE web inherits
from react native opinions
PROVIDES THE BUILDING BLOCKS FOR ANY COMPONENTS
comes with a WEB-ISH tool suite
defines a clear abstraction between platforms
REACT NATIVE web inherits
from react native extendability
React native as a platform
ROBUST
opinionated
Extendable
APPLE
android
Windows
WEB
React native web
is bridging the react web-native gap
Code sharing between teams/platforms
follows css-in-js architecture
Web accessibility
universal rendering
Cunning plan
project starting from web later going native
and vice-versa
Make the most web tools, such as react storybook
getting started with react native web starter
Provides the bare minimum setup
Follows react native project structure
Demo
Challenges
React native API evolves fast
Performances - scrolling > Web worker?
Web specificities - Navigator handling historic?
Resources
react.js conf 2016 - Nicolas galagher introduces react native web
React Native web - repository
React Native web Starter - repository
Questions
the end
Thanks for listening
Going Full Circle with React Native Web
By Alexandre Girard
Going Full Circle with React Native Web
React Native provides the foundation to build Apps: a set of API and React Component ready to use. React Native Web allows one to use the same utilities to build Web Apps, and effectively go toward a share code base across all platforms. http://www.meetup.com/React-Native-Sydney/events/231326406/
