/react-notes

My Personal Notes on Learning React JS using Mark down

Primary LanguageJavaScript

My Personal Notes on Learning React JS using Mark down for my Future reference

REACT

A JavaScript library for building user interfaces

CONTENTS

1. HELLO REACT

1.1 Exploring JSX
1.2 JSX Expressions
1.3 Conditional Rendering in JSX
1.4 Event And Attributes
1.5 Manual Data Binding [ Event Handling]
1.6 Forms And Input
1.7 Arrays in JSX

2. REACT COMPONENTS

2.1 React Components
2.2 Nesting Components
2.3 Components Props
2.4 Event Methods
2.5 Stateless functional components
2.6 Default Props Values

3. COMPONENT STATE

3.1 State
3.2 Method Binding

4. LIFE CYCLE METHODS

4.1 Life Cycle Methos
4.2 Saving & Loading Data
4.3 Passing Children to Component

5. REACT ROUTER

5.1 React Router
5.2 Setting 404 with Switch
5.3 Linking Between Routes

6. REDUX

6.1 Redux - State Management
6.2 Reducers
6.3 React Redux

7. FIREBASE

7.1 Configure Firebase
7.2 Actions on Data
7.3 Array in Firebase
7.4 Subscription Functions

8. REDUX - FIREBASE

8.1 Thunk Middleware
8.2 Firebase Authenticaton
8.3 Reducer Authentication
8.4 Private Route

ES6

  1. Let & Const
  2. Arrow Function
  3. ES6 Class
  4. Class Subclass
  5. Broken This Binding
  6. ES6 Exports & Imports
  7. ES6 Class Properties
  8. Destructuring
  9. Spread operator
  10. Promise

HEROKU

  1. Download heroku Cli
  2. Login herkou
  3. Create Application
  4. Push to Heroku
  5. Setup Environment Variables