Building Native Apps with CSS (and Javascript)
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
Building Native Apps with CSS (and Javascript)
By Alexandre Girard
Building Native Apps with CSS (and Javascript)
Slides supporting my talk at SydCSS on the 3rd of November 2016 React Native expands web developers reach via enabling them to develop Native Apps on iOS, Android and Universal Windows. CSS plays a key role in this expansion. This talk aims at showing how you, CSS masters, may re-use your knowledge to takle new grounds developing mobile apps. https://www.meetup.com/SydCSS/events/234750970/
