Jul 13, 2015

ReactJS Workshop, August 20, Chicago

Join us at Serendipity Labs in Chicago on August 20th for a 1 day ReactJS Workshop. The workshop is led by Object Partners Consultants that have been building JavaScript applications for years and love working with the latest and greatest front-end frameworks like React, Browserify, Gulp, Hapi, and Semantic UI.

Workshop Topics
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.

Flux
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.

Instructors
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.

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, SASS, and Semantic UI on the client side.

Register

About the Author

Object Partners profile.
Leave a Reply

Your email address will not be published. Required fields are marked *

Related Blog Posts
Google Professional Machine Learning Engineer Exam 2021
Exam Description A Professional Machine Learning Engineer designs, builds, and productionizes ML models to solve business challenges using Google Cloud technologies and knowledge of proven ML models and techniques. The ML Engineer is proficient in all aspects […]
Designing Kubernetes Controllers
There has been some excellent online discussion lately around Kubernetes controllers, highlighted by an excellent Speakerdeck presentation assembled by Tim Hockin. What I’d like to do in this post is explore some of the implications […]
React Server Components
The React Team recently announced new work they are doing on React Server Components, a new way of rendering React components. The goal is to create smaller bundle sizes, speed up render time, and prevent […]
Jolt custom java transform
Jolt is a JSON to JSON transformation library where the transform is defined in JSON. It’s really good at reorganizing the json data and massaging it into the output JSON you need. Sometimes, you just […]