Workshop: Web Development with React and Redux

Strugling with web application complexity? Looking to break-free from your legacy spaghetti nightmare? Using or considering React for your next big project? Looking for a clean and elegant way to manage the state of your application?

If you want to learn about React and Redux - this class is for you!

Learn how to

  • Write elegant, testable and maintainable code
  • Think about the state of your application
  • Appreciate pure functions and immutability
  • Make your application talk to the server and tame the complexity of asynchronous code
  • Use modern tools to super-charge your development

Programme
The following would be covered during the 2 days.

React

  • Introduction/big picture
  • Components, Components, Components JSX
  • Props
  • State
  • Lifecycle hooks
  • Virtual DOM and reconciliation
  • Handling events
  • Working with forms
  • State management Inter-component communication Higher-order components
  • Best practices and common pitfalls

Redux

  • Introduction/overview Data flow
  • Redux store
  • Writing reducers
  • Actions and action creators
  • Provider/connect
  • Asynchronous operations
  • Using thunk middleware

Audience
If you are an experienced Web Developer and you want to learn how to design, create and maintain complex and modern rich web appiclations using React & Redux, this is the course for you!

Prerequisites
This is an introductory React/Redux course but in order for you to benefit from it, you should have some experience using JavaScript and be familiar with HTML, DOM and CSS. Prior exposure to a JavaScript framework/library is be helpful but is not essential.

Course labs & Exercises
This workshop is a combination of lectures, discussions and practical exercises.

Computer setup
Bring your own laptop with the following installed:

  • Git client
  • NodeJS 8
  • Google Chrome (or any other modern browser) Visual Studio Code (or any other text-editor/IDE)