![Cover image for Transitioning from (HTML, CSS, JS[Vanilla]) to React](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhd18u3rq3gfwe9j3io9k.png)
-Ever been introduced to React JS and be like "What the hell?".😒
For starters, it looks completely unrelated to HTML and CSS because you have to download node packages, use things like npm create-react-app and npm run in the terminal.
-Then learning the rules of JSX, start building with components then learn state management.😢
It is all a stressful journey but no need to worry because that's why you are a developer!🤦♀️
For starters,
React is basically a JavaScript Library for building interfaces. It is extremely popular and it is state driven(I'll explain that in a few).
Here are a few characteristics:
- React is Component based: Everything you see on a react app is a component. A component consists of data, logic and appearance. 2.React is declarative: You have the ability to tell what a component should look like based on current data and state. In React, we don't touch the DOM. It's all JSX, a syntax that combines HTML, CSS and JavaScript as well as referencing other components.
- React is state drive: Wondering why it is called React in the first place? Because React reacts to state changes by re-rendering the User Interface.
- Extremely Popular: React is by far the most used framework! It also has a large gigantic library ecosystem.
I'm happy to continue sharing my journey with you on React!
Top comments (0)