with
React Native for Web
About me
@grabthecode
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
Made with Slides.com