TL;DR
A workshop about React, teaching you the fundamentals while building an application. Created for Qualogy
.
What?
React is an JavaScript library which is used for building user interfaces specifically for single page applications. It allows developers to create web applications with re-usable components which can change data, without reloading the page. The main purpose of React is to be fast, scalable, and simple.
.
Why?
The last few years JavaScript is dominating the rank list of most popular programming language on GitHub and StackOverflow. The market demand for Front-end Developers is at an all time high. And according to 'TheStateOfJS' React has taken the crown as its most popular framework. ย
.
The workshop
This workshop is for those who are new to React and those looking to get a better understanding of React fundamentals. In this workshop we are going to build an application together. So that when you leave you will understand what problems React can solve for you and how it goes about doing this. You will learn JSX, Styling, PropTypes, Managing State, Lifecycle, Events, Basic Tooling and other fundamentals. At the end of the course you will have a running application that you will deploy to the cloud.
.
This workshop is:
- Interactive and hands-on
- Fundamentals! (Useful for beginners and experienced React devs)
- Introduction to useful ReactJS libraries
- Written in ES6
.
This workshop is not focused on:
- Setting up project tooling, like Webpack
- Basic HTML, CSS and JS
.
Prerequisites:
- A laptop with internet connection
- Basic knowledge of HTML, CSS and JS will make this workshop easier
- Have the latest
node
,npm
, andgit
installed - Preferably a code editor with integrated terminal like VS Code
- You will need to run commands, for Windows users I would recommend installing GIT Bash
Feedback
After the workshop I would like to receive your feedback, so I can keep on improving these activities. Please fill in the short form and let me know what you thought of the workshop (your answers are anonymous). https://forms.gle/JJLAjwqbViYFkisq8