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/

  • 1,252
Loading comments...

More from Alexandre Girard