You are viewing details from a past event. Please check our upcoming event schedule if you are looking for current content.

React.js Workshop

Tuesday, 9:00 AM MDT - WAVERLY

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.

React.js workshop. Self contained, one-day workshop covering the basics. Please follow all of these instructions before attending the workshop.

Prerequisite Software & Setup

1) Node.js 4.6.0 LTS
2) Git 2.10.0
3) Bash Console; examples cmdr on Windows or iTerm on OSX
4) Favorite Editor; examples WebStorm(paid) or Atom(free)
5) Clone Git repo: https://github.com/prpatel/connect.tech-react-workshop
6) cd connect.tech-react-workshop && npm install

Windows (additional software & setup)

Windows users will need the following software in order to run npm install properly. This is primarily due to jsdom; used for testing.

1) Python 2.7
2) Visual Studio 2015 (or 2012) with C++
3) npm config set msvs_version 2015 –global where 2015 is either 2015 or 2012 depending on which you have installed.
4) cd connect.tech-react-workshop && npm install

About Pratik Patel

Pratik Patel

Pratik Patel is a Java Champion and developer advocate at Azul Systems and has written 3 books on programming (Java, Cloud and OSS). An all around software and hardware nerd with experience in the healthcare, telecom, financial services, and startup sectors. He's also a co-organizer of the Atlanta Java User Group and North Atlanta JavaScript meetup, frequent speaker at tech events, and master builder of nachos.

More About Pratik »