Introduction to Front-end Development with ReactJS

128 ratings
Offered By
Coursera Project Network
7,810 already enrolled
In this Guided Project, you will:

Learn about the basics and theory of React

Create a small app by creating components, managing state and using React Router with React

Build and deploy a React app to the internet

Clock2 hours
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this 1-hour long project-based course, you will learn about React Basics & Theory, Initialization, React Router, Components, Hooks, State, and deployment with Netlify. You should know basic HTML & CSS before beginning this project. For development, your cloud desktop will come installed with Visual Studio Code. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Skills you will develop

Front-end DevelopmentWeb Development

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Introduction to ReactJS

  2. State, Props and React Components

  3. Initialize with Webpack and Babel

  4. Setting up our React App

  5. Initializing with create-react-app

  6. Simple routing with React Router

  7. Form Handling & useState Hook

  8. The useEffect Hook & Conditional Rendering

  9. Creating React components and State management

  10. Deploying our React app to Netlify

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step



View all reviews

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.