They are a lot like React components, except that the latter are more flexible and powerful. Nowadays, design tools such as Framer and Figma have components too (and symbols in Sketch). Remember: You don't need to be an experienced developer to understand the core ideas of React!īuilding an app in React is almost all about working with components: breaking the app into components, finding the best components for the job, fitting one with another, creating new components from existing ones etc. You'll not only see the big picture of what makes React special, but also zoom in to get some hands-on experience of writing an actual React component. This is a bird's-eye view 🦅 but I'll also equip you with a pair of binoculars. the format of an HTML tag), you should be able to enjoy this article. No JavaScript experience? No problem! As long as you have some basic HTML knowledge (e.g. I'll explain the core ideas of React in plain English (and doodles 🌴). It's the first post you'd want to read before learning the specifics of React. This article is an introduction to React for beginners.

That's why I wrote this article: what is React exactly? What is React.js (or ReactJS)? What is React used for? Why is React so popular? What problems does it solve?

But what if you are not familiar with JavaScript? What if you are not a developer? Would you still be able to make sense of (and learn) React?

This is the official definition of React. React is a JavaScript library for building user interfaces.

What is react js