https://github.com/hritik5102/es6-react

ES6 and React projects
https://github.com/hritik5102/es6-react

axios fetch-api github-api react-router-dom reactjs redux todolist traversy-media typescript

Last synced: about 1 month ago
JSON representation

ES6 and React projects

• Host: GitHub
• URL: https://github.com/hritik5102/es6-react
• Owner: hritik5102
• Created: 2020-01-11T11:40:16.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-10-22T20:46:06.000Z (over 4 years ago)
• Last Synced: 2024-10-25T07:32:55.721Z (3 months ago)
• Topics: axios, fetch-api, github-api, react-router-dom, reactjs, redux, todolist, traversy-media, typescript
• Language: CSS
• Homepage:
• Size: 2.1 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### ES6-React

**Install Typescript**

> $ npm install typescript -g

> $ tsc --init

**Install the latest version of npm module**

> $ npm install npm@latest -g

**Clean Cache**

> $ npm cache clean --force

**React Script**

> $ npm install react-scripts@latest

**React Dom**

> $ npm install --save react-dom

**Create a React App using npm**

> $ npm install -g create-react-app

> $ create-react-app first_app

**Create a React App using npx**

> $ npx create-react-app first_app

**Install bootstrap**

> $ npm i [email protected]

**This will create a production build of your app in the build/ folder of your project**

> $ npm run build

**Install Extension :** [React Extension](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

"React")

**For the most efficient Brunch production build, install the terser-brunch plugin:**

> $ npm install --save-dev terser-brunch

**For the most efficient Browserify production build, install a few plugins**

> $ npm install --save-dev envify terser uglifyify 

**How to use production build :** [React docs](https://reactjs.org/docs/optimizing-performance.html#use-the-production-build

"React docs")

**Component Lifecycle Methods**

* **componentWillMount** : Immediately before initial rendering 

* **componentDidMount**  : Immediately before after rendering (this will call only one time) 

* **componentWilUpdate** : Before rendering , after receiving new props or state

* **componentDidUpdate** : After component updates are flushed to DOM 

### `npm start`

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

**Github Search Engine**



    

  


**To do list**



    



**Fetch github api**



    





 Developed with :heart: by  Hritik Jaiswal