Skip to content

⚒️ 🚧 This is a workshop for learning how to build React Applications

Notifications You must be signed in to change notification settings

imranhsayed/react-workshop

 
 

Repository files navigation

React Workshop

🔥 This is a workshop for learning how to build React Applications.

📹 App Demo

📹 React Developer Tools (Chrome Extension) Demo

Before you Start

I've branched the repo for individual topics. To checkout all branches run: git branch --all. To checkout individual branch run: git checkout <branch name>. From there on you should be good.

Branch Name: 03-react-app-example2

Branch Description:

Example for :

  1. Creating Home Page, About Page, Contact Us Page, Navbar and Footer using React Components
  2. Fetching New posts using JSON Placeholder API
  3. Adding New posts using when the form is submitted.
  4. Change in the color of active link when is clicked.

Installation

  1. Clone this repo in git clone https://github.com/imranhsayed/react-workshop

  2. Run npm install

Blog Link

Commands

  • dev Runs webpack dev server for development ( in watch mode )
  • prod Runs webpack in production mode