ReactJS Workshop

This one day workshop is led by Object Partners Consultants that have been building JavaScript applications for a number of years and love working with the latest and greatest front-end frameworks like React, Browserify, Gulp, Hapi, and Semantic UI.

React Basics
In the first part of this workshop, we’ll start by covering core React concepts like virtual DOM. Once we clear the core concepts, we’ll cover React classes and the API’s it provides. We’ll go into detail about states, props, statics, as well as lifecycle of a React component. After that, we’ll talk about JSX and important distinctions between regular HTML. Finally, we’ll cover how you can test your very first React component with Mocha, Chai, and Karma.

React Router
Now that we know how to create React components, we’ll cover how we can make all of them work together to build a lightning fast single page application using the React router. In this lecture, we’ll cover all you need to know about configuring the React states as well as the API’s and components you can use to transition between them.

Now that our application footprint is starting to grow, we’ll need a good pattern to orchestrate the state of all our components. This is where the Flux architecture comes in. In this lecture we’ll cover the three major parts of Flux (dispatcher, stores, and views) and how they interact. In the lab, we’ll add the Flux architecture to our application and use it to supply data to our React components.

React Forms
In this lecture and lab, we’ll put some forms over our data. We’ll cover React form components and why they differ from other native React components. Then we’ll discuss how we can add validation to our form components. In the lab, you’ll use what you’ve learned to create forms that we’ll use to persist data to a REST service.

Custom Components
To finish off the workshop, we’ll use everything we’ve learned thus far to create some custom React components that interface with 3rd party libraries and provide a better user experience.


Mike Kelly

Mike’s primary expertise is in Javascript and UI technologies with a passion for good design. Some of those technologies include HTML5, CSS3, AngularJS, Backbone, and Node. My other areas of expertise include server-side technologies like Java, Groovy, Grails, Spring and Hibernate.

Alex Reed

Alex’s expertise is in all things web – Angular, Backbone, Node, .NET, Java. I also enjoy developing for mobile devices – iOS, Android and hybrid web apps.

Travis Martensen

Travis has over a decade of experience in building robust, scalable applications for the web, utilizing many different languages and technologies. Most recently, Travis worked at a startup where he helped design and build a full-stack JavaScript application built on Node.js, Express.js, and MongoDB running on Amazon EC2 on the server side, and Angular.js, LESS, and Semantic UI on the client side.

Next Training Session

Screenshot 2015-07-13 13.07.41

      Serendipity Labs
      1 S Wacker Dr #200
      Chicago, IL 60606