Mobprogramming on React.js

@Mobprogramming@Reactjs

Interactive 2 hrs

What is Mobprogramming?All working at the same time, in the same space, at the same computer, on the same thing.

Video - http://vimeo.com/78854354

Why Reactjs ?

Its only popular because Facebook made it ?

NO

http://www.syncano.com/reactjs-reasons-why-part-1/

http://facebook.github.io/react/docs/why-react.html

http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/

http://www.funnyant.com/reactjs-what-is-it/

Reactjs - Why it was built ?

• React.js is not an MVC Framework

• React.js is a View library

***http://facebook.github.io/react/blog/2013/06/05/why-react.html

Reactjs – reactions on web

Reactjs – reactions on web

Apps using Reactjs

1) Facebook Advertisements Engine

2) Facebook – Other ui components

3) NetFlix

4) http://feedly.com/i/welcome

Many more….google it

Open banter on React (very impressive discussion)

http://www.reddit.com/r/javascript/comments/2uvz0x/whats_so_great_about_reactjs/

Why React is awesome ? (Just scroll through to see live demo)

http://jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome

Reactjs

Lets get our hands dirty

2 or 4 Teams?

Lets get our hands dirty

ToDo App

Blogging App

Timesheet App

Picture Album App

BONUS - App

Build a simple shopping cart using React.js and FLUX

https://scotch.io/tutorials/creating-a-simple-shopping-cart-with-react-js-and-flux

Helpful links to getting started

Basics - http://facebook.github.io/react/

Concepts - https://scotch.io/tutorials/learning-react-getting-started-and-concepts

React Starter Kit - https://github.com/kriasoft/react-starter-kit

**Awesome React - https://github.com/enaqx/awesome-react

Lets get our hands dirty

Collaboration and SharingWhy its so important ?

Collaboration and SharingWhy its so important ?

Collaboration and SharingWho top’s the list for being most active collaborator in Kiprosh?

Collaboration and Sharing

Gourav

Abhijit

Shivani

Active Collaborators

Start Collaborating

Blogging

Knowbuddy

StackOverflow

Others

React Native

https://www.progville.com/javascript/react-native-apps-react-js/

iOS & Android - Write Native Apps

http://touchstonejs.io/

TouchStoneJS

React Bloghttp://facebook.github.io/react/blog/