React everydayhero.com BrisJS Meetup

React is a Javascript library for creating user interfaces

Composable

Encapsulated

Reusable

Efficient

Testable

Challenges• Responsive adaptive asynchronous UI

• Distribute architecture

• Reusable

• Clear structure

• Tested JS

• Reduce entanglement

CSS !

JS !

Templates !

Component 1 Component 2

Tests !

Component 3

CSS !

JS !

Templates !

Component 1 Component 2

Tests !

Component 3

CSS

JS

Tests

Component 1 ! Component 2 ! Component 3 !

| Widgets

| NFP

Store

Dispatcher

View (React)

Action

Server

Flux

Flux

Store

Route (View Controller)

Components

Store

Dispatcher

Route (View Controller)

Components

Action

Server

Route (View Controller)

Components

Client

Server

Route (View Controller)

Components

Pub/Sub

Client

Server

| HUI (◠‿◠)

Server

API

• Responsive adaptive asynchronous UI

• Distribute architecture

• Reusable

• Clear structure

• Tested JS

• Reduce entanglement

We’re hiring!

[email protected]

Twitter: @DavidHerse