Getting Started with React.js
Learn the basics of the React.js library
In this live, online training, you’ll be introduced to the different concepts and design principles of a React application such as composition, reactiveness, and abstraction. You’ll learn about creating components, using JSX, working with user events, and reading and updating component states. You’ll finish this course feeling confident and comfortable reading React applications’ code, and ready for your next step to learn more advanced topics about React
What you'll learn-and how you can apply it
By the end of this live, online course, you’ll understand:
- creating reusable components
- rendering cycles
- props and state
- events, and
- data flow
And you’ll be able to:
- Participants will be able to start building simple React applications
This training course is for you because...
- You are a beginner developer working with another frontend framework and you want to learn how to use React
- Basics of programming, variables, control structure, data structures
- Basics of HTML and CSS
- A modern browser, Preferably Chrome or Firefox.
- Node 10.x or higher (check with: node --version)
- Access to install npm packages (check with: npm i -g eslint)
Assignments prior to the live online training course:
About your instructor
Samer Buna has over 20 years of experience in software development, during which he has worked on web and mobile applications development, API design, functional programming, optimization, system administration, database management, and scalability. Samer is the author of several technical books and online courses on topics such as Node.js, React, and GraphQL. You can follow his latest work over at jsComplete.com and EdgeCoders.com.
The timeframes are only estimates and may vary according to how the class is progressing
Getting Started (55 minutes)
- Break (5 minutes)
The Fundamentals of React (55 minutes)
- Lecture and exercise: React elements, JSX, expression, React components, functional components, class components, props and state, events
- Break (5 minutes)
Working with Data (50 minutes)
- Lecture and exercise: State ownership, updating state, sharing data and behavior, customizing components. Handlers.
Wrap-up, and Q&A (10 minutes)