React is just a UI library; you can’t use it for everything
Most people learn React to develop web frontends. But a frontend of a modern website is not just the user interface. It also runs background activities to control its dynamic behavior. It has to fetch data from APIs, run calculations before making certain decisions, or validate the user’s actions before executing them.
As React’s official tagline says, though, React is only a UI library. It has the ability to decide how the web page and its components should look. It also has the means to rerender the page if some event triggers it. But it can’t do any of the other background activities a web frontend does, like making API calls.
This situation can be pretty frustrating to a novice. It makes the entire learning process more complicated than it ought to be. Especially so for React, considering how it demands you to adopt a unique way of thinking for solving problems.
Here’s a list of concepts that falls into this category.
- Control structures (conditional statements and loops)
- Primitive data types (number, string, boolean, undefined, null, etc.)
- Composite data types (object, array, map, function, etc.)
- Functions and argument passing
- Object Oriented Programming concepts like classes, class functions and variables, constructors, and inheritance
- Document Object Model (DOM)
After the essentials
- Event listeners (on click, on hover, on key press, etc.)
- Module imports and exports
- Difference between let, const, and var keywords
- Callbacks, promises, and async/await
- Exception handling
- Using the Fetch API to make API calls
- Important array functions like map, filter, and reduce.
- Important string functions like split, join, and slice.
- Arrow functions
- Using call, apply, and bind with functions
- Object and array destructuring
- Rest and spread operators