[61c] React Tutorial Part 3: React Fundamentals, Build Your First React Front-end Application

Join our Meetup group:

Joe Torreggiani: Intro to Front-end Development with React

[61a] React Tutorial Part 1: Background (Joe Torreggiani)
Slides: 1-24

Slides 25-56

[61c] React Tutorial Part 3: React Fundamentals, Build Your First React Front-end Application
Slides: 57-87

## Upcoming Events
Join our Meetup group for more events!

## Key Links
- Transcriber: ? [needs a transcriber]

## Resources

## About the Event
This talk will introduce attendees to React, a free and open source JavaScript-based library that encourages declarative component-based development of user interfaces (UI). We will start with covering the basic concepts of front-end web development with HTML, CSS, and JavaScript before learning how to leverage React to simplify creation of interactive web UIs. This talk will conclude with a recap of what we've learned together and recommendations for continuing to learn about front-end web development and React.

## About the Speaker
Joe Torreggiani is a technologist, educator, and advocate for environmental and social justice. Joe is a senior software engineer at Square. Joe is also a co-founder of Sustainable Progress and Equality Collective (SPEC), an open learning organization with a mission empower individuals to become globally-minded change agents by helping them learn the essential skills required to build sustainable careers and make a positive impact in their communities.

## Timestamps
[61a] React Tutorial Part 1: Background (Joe Torreggiani)

[61c] React Tutorial Part 3: React Fundamentals, Build Your First React Front-end Application
00:00 Building your first React project
00:36 Scaffolding a React project with Create React App
03:26 Live coding begins
04:56 Tailwind CSS
05:48 Setting up multiple pages using React Router
07:50 Adding navigation
09:20 Creating a fake server using JSON Web Server
10:44 Fetching server data with useState and asynchronous functions
13:15 Rendering data
14:23 Posting data to the server
17:33 Summary and error handling
20:00 Recap and next steps
22:08 Q&A: Does a hard load refer to a root change?
24:45 Q&A: Are there other ways or best practices to test a React app?
25:18 Q&A: Is Redux phasing out?
25:49 Q&A: Does React adhere to object-oriented principles?
26:20 Q&A: Does a beginner need to learn Redux?

#react #webdevelopment #javascript