The Beginner's Guide to React V1 (2017)
Offered By: egghead.io
Course Description
Overview
React got that name for a reason. It’s a component-based JavaScript library that renders smartly and can seriously simplify your work.
This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in React right away.
Each lesson in this 19-part course is a single index.html file. This keeps your focus on learning React, no distractions. We’ll start with a blank file and add more complexity as we go along, wrapping the course with a lesson on how to move into a more production-ready development environment—and even deploy your app to a great service like Netlify.
You'll come out of this course with a solid grasp on:
what problems React can solve how React solves those problems under the hood what JSX is and how it translates to regular JavaScript function calls and objects You’ll build a solid understanding so when you come across JavaScript challenges down the road, you’ll know how to…react.
This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in React right away.
Each lesson in this 19-part course is a single index.html file. This keeps your focus on learning React, no distractions. We’ll start with a blank file and add more complexity as we go along, wrapping the course with a lesson on how to move into a more production-ready development environment—and even deploy your app to a great service like Netlify.
You'll come out of this course with a solid grasp on:
what problems React can solve how React solves those problems under the hood what JSX is and how it translates to regular JavaScript function calls and objects You’ll build a solid understanding so when you come across JavaScript challenges down the road, you’ll know how to…react.
Syllabus
- Introduction to The Beginner's Guide to ReactJS
- Create HTML elements with React's createElement API
- Replace React createElement Function Call with JSX
- Create a Simple Reusable React Component
- Validate Custom React Component Props with PropTypes
- Conditionally Render A React Component
- Rerender a React Application
- Style React Components with className and In Line Styles
- Use Event Handlers with React
- Use Component State with React
- Stop Memory Leaks with componentWillUnmount Lifecycle Method in React
- Use Class Components with React
- Manipulate the DOM with React refs
- Make Basic Forms with React
- Make Dynamic Forms with React
- Controlling Form Values with React
- Use the key prop when Rendering a List with React
- Make HTTP Requests with React
- Build and deploy a React Application
Taught by
Kent C. Dodds
Related Courses
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity