h3li0 / monsters-rolodex

Sample project to learn about React filtering and components architecture in general

Monsters Rolodex

---

Simple project to learn the basics of React

Topics I learned:

• What a React application is
• How React library interacts with our page
• What a component is
• How a component is created
• Hot to break the page into components
• What JSX is
• What kind of components we can create
• Differences between function and class components
• Class methods and Arrow functions
• How to fetch external data from server
• What states and props are and how to use them
• React Events
• How the filter() method can be used
• Event binding in React
• Lifecycle methods
• What VirtualDOM is
• Unidirectional Data Flow

This project setup:

• NodeJS >= v10.12
• NPM >= 6
• React @ 16.8.6
• ReactDOM @ 16.8.6
• ReactScripts @ 3.0.0

Sample setup process (win):

npm init react-app monsters-rolodex --scripts-version 3.0.0
cd monsters-rolodex
npm install --save react@16.8.6
npm install --save react-dom@16.8.6