Task 4 - Getting started with React and Redux.
Objectives
- Learn to work with React and Redux.
- Build login and sign up form with Redux Forms.
Learning Resources
Here are the list of learning resources for this task.
Topic | Resource |
---|---|
Learn ReactJS | Link to this resource |
Learn Redux | Link to this resource |
ES6 | Link to this resource |
Redux Forms | Link to this resource |
React, Redux Tutorial | Link to this resource |
Tasks
Step 1: Git Clone the boiler plate template to get started with React and Redux.
- Clone this repo to ge started
https://github.com/tarique93102/react-redux-starter-template
- Crate a new git repo on GitHub for your frontend. You should have two Git repos. One for your frontend and one for your backend.
Step 2: Sign up form.
- Create the UI of signup from with email and password as input boxes and a sign up button with ReduxForm.
- Create actions and reducers for the signup form.
- Connect actions to the backend with the sign up API’s you’ve created in Task 2.
- Make sure you have loaders on the form.
- Make sure you validate emails and passwords
- Make sure you show error messages from the backend on the form.
Step 3: Login form.
- Create the UI of login from with email and password as input boxes and a log in button with ReduxForm.
- Create actions and reducers for the login form.
- Connect actions to the backend with the login API’s you’ve created in Task 2.
- Make sure you have loaders on the form.
- Make sure you validate emails and passwords
- Make sure you show error messages from the backend on the form.
Deliverable
- Push changes to your frontend Git Repo with login and signup forms built and connected to the backend.