React.js Workshop
Tuesday, 9:00 AM – ATLANTIC I
React.js is a view library from Facecbook for building performant user-interfaces in JavaScript. In this session, we’ll explore React.js and understand why it’s a great step forward for building complex UI’s that run fast. We’ll code up an example web application using React.js and step through the basics of using the library while discussing concepts like the virtual DOM and components.
This is a HAND-ON WORKSHOP, INTRODUCTORY LEVEL. Please come with a laptop, and if possible, with the software needed pre-installed (Instructions below). We’ll cover these topics – both in code and in discussion format, and do as many as we can in the time alloted:
- React components
- Lifecycle
- Properties
- State
- Using React-Bootstrap components
- Signaling & Messaging between Component
- Handling Events
- All coding done in ES6 style
- Modern React application structure, setup, and build
- Writing tests
- React Router
- Discussion of Flux architecture
- REST/Network ops within React
- React architecture
- Component composition
- Discussion of Redux and Functional Web Architecture (time permitting!)
Workshop Requirements
This session is a workshop. Please come prepared.
This workshop requires that you have working knowledge of of the command line. Please follow these eight steps to get the materials for the workshop on the laptop you will bring with you to the workshop.
1) Install Node.js 4.2.2 from https://nodejs.org/
2) Run from command-line: npm install -g webpack webpack-dev-server
3) Clone Git repo to a folder for using during this workshop: git clone https://github.com/prpatel/react-workshop-day1
4) cd react-workshop-day1
4b) Run this command from inside the cloned git repo: npm install
5) Clone this other git repo to same base folder as #3 above: git clone https://github.com/gaurang171/simple-rest-server-no-db.git
6) cd simple-rest-server-no-db
7) npm install
8) Install the Atom editor from: https://atom.io/ . Then go to Preferences -> Install and search for the main “react” package, and install it! (It’s description reads: “React.js (JSX) language support, indentation, snippets, auto completion, reformatting”)
About Pratik Patel
Pratik Patel is the CTO of Atlanta based TripLingo (http://www.triplingo.com/). He wrote the first book on ‘enterprise Java’ in 1996, “Java Database Programming with JDBC.” He has also spoken at various conferences and participates in several local tech groups and startup groups. He’s in the startup world now and hacks iOS, Android, HTML5, CSS3, JavaScript, Rails, and ….. well everything except Perl.
Pratik’s specialty is in large-scale applications for mission-critical and mobile applications use. He has designed and built applications in the retail, health care, financial services, and telecoms sectors. Pratik holds a master’s in Biomedical Engineering from UNC, has worked in places such as New York, London, and Hong Kong, and currently lives in Atlanta, GA.