React

A JavaScript library for building modular user interfaces

React is a popular JavaScript tool for creating well-structured and manageable applications for web and mobile environments. Its simple but powerful API makes it a great tool for developers thinking of creating entire web applications from scratch. In addition, it has a variety of support from companies across the industry, such as Facebook, Netflix, AirBnB, and more! If you’re thinking of taking your web development skills to the next level, then join us for our React talk!

How to Attend

WDW will be held in Rashid Auditorium!

View a pre-recorded version of the talk here!

Prerequisites

Please install the following software before attending the workshop and lab:

1. Node.js version 12.19.0 LTS
   • This should also install NPM
2. A text editor of your choice
   • VS Code is recommended
3. A web browser of your choice. Below is a list of recommended browsers:
   • Google Chrome
   • Microsoft Edge (Chromium)
   • Mozilla Firefox
4. The React Dev Tools Extension
   • Chrome Web Store for Chromium-based browsers
   • Firefox Browser Add-ons for Mozilla Firefox It’s less straightforward to install React Dev Tools for browsers like Safari
   • NPM for other browsers (Safari)

Talk Content

We will be introducing some of the core concepts behind React, such as component-based design, and some basic features of React.

This talk is geared towards intermediate developers who have some experience with HTML and JS. It is recommended that you are familiar with some ES6 syntax (such as const, let, class) but it is not necessary.

After the talk, there will be a lab which will walk you through creating your own React app. Here’s the link to the lab for this workshop!

Resources

• React Docs
• Redux (advanced state management)
• Next.js (production-ready framework)
• React Native (build mobile apps with React)

Here’s the link to the slides for this workshop!

If you can’t make it, here’s a prerecorded video of the talk.