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/

  • 637
Loading comments...

More from Alexandre Girard