Get started with ReactJs by building your own Pokedex.
Live demo: http://www.absingh.com/react-pokedex/
- NPM
- Install:
sudo apt install npm - Verify:
npm -v
- Install:
- Create project:
npx create-react-app react-pokedex
- Part 1: Project structure
- Part 2: Adding HTML content
- Part 3: Class Components and Lifecycle Methods
- Part 4: Creating Functional Components
- Part 5: Props, State and Hooks
- Part 6: Dynamically rendering components
- Part 7: What the tutorials don't tell you
- Part 8: What do I do now?
- You don't need to and shouldn't install CRA
- Functional Components over Class Components
- Project structure for large scale projects
- PascalCase Components
- camelCase functions
- Maintain one file per component
- Separate utility functions
- Create abstractions wherever possible
- Make components reusable with props
- TypeScript is JavaScript with Benefits
- Provides type checking
- More secure by nature
- Easier to manage large projects
- Add
Nodegitignore to avoid uploading packages - Never use
var. Useconstandlet. - Useful extensions
- Prettier
- Simple React Snippets
- You don't need to wrap components with
<div>or<Fragment>since React v16.2.0. - Avoid default exports
- You can live without Redux. Try Context API.