immnk/react-app-tutorial

A react app tutorial from pluralsight course

React App Tutorial

React App Tutorial is a repository created to understand the basics of reactjs library. This code is created from the learning of the plural sight course Course Link. This project create build folder during build and deploy its content to gh-pages using

Table of contents

1. Set up
2. Deploy
3. Tasks
4. Useful websites
5. VS Code Plugins Recommended
6. LICENSE

Set up

Follow the following steps:

1. git clone https://github.com/immnk/react-app-tutorial.git
2. cd react-app-tutorial && npm install
3. For testing in dev npm start.

To create a bew React application we use npx create-react-app <app-name> and this is similar to using npm i -g create-react-app && create-react-app <app-name>

The x in npx is for execution.

Deploy

Travis CI takes care of deploying to gh-pages in GitHub. Although you can check the steps in travis.yml file in root.

Tasks

All tasks and issues are listed as items in Tasks & issues in repository Issues tab

• Write a README file.
• Add CI/CD pipelines
• Make automatic deployments on release branch
• Create lessons and create links to view them.
• Refactor code to use classes instead of functions.
• Create SCSS styles and compile them with webpack
• Create API test method and set up
• Create unit test cases proper libraries.

VS Code Plugins Recommended

• Beautify
• Debugger for Chrome
• ESLint
• GitLens
• IntelliSense for CSS class names
• markdownlint
• vscode-icons

Useful websites

1. Mock data - https://www.mockaroo.com/
2. Background generator - https://cssgradient.io/gradient-backgrounds/
3. Markdown tricks - https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

License

MIT License