React JS is a powerful front-end JavaScript framework, but with great power comes great responsibility!  Unlike Angular JS, React JS is not particularly prescriptive in terms of how applications should be structured. 

This course presents a battle-tested, practical approach to building front end applications with React JS that are extensible, maintainable, and readily testable. 

Through progressive elaboration of worked code examples, course participants will create a full front-end application using React JS, integrated with a fully functioning REST API. Note: a runnable server-side API application is provided as part of course materials; development of such an API is not in scope for this particular course.

The course begins with a one-day prelude, covering key concepts in core JavaScript; participants do not need to have prior experience coding in JavaScript (although the ability to code in some other language is still necessary).

Adopting a Component-based UI approach, we next demonstrate how to structure user interface elements according to the Atomic Design System. Participants will learn how to iterate UI designs within a cross-functional team using Storybook, for ease of visual testing (ie. designer/developer workflow). Further, we teach how to use SaSS to generate parameterized, namespaced CSS stylesheets, matching the Atomic Design components described in the project’s Storybook assets.

Ultimately, these techniques are combined in detailed, practical lessons in correct usage of React JS and Redux to produce a working front-end application, integrated with a typical REST API.