React Components Explained: A Beginner’s Guide

#react #webdev #beginners #web3

Recently, I decided to go through the official React documentation to just understand it in-depth.

I found it interesting and got a few things to share.

Solopreneur Update 🚀

Quick heads-up: LaunchLinker, my tool to connect influencers and startups, is almost ready. Can’t wait to share it with you soon!

React is a JavaScript library for building user interfaces (UIs).

It enables you to

Today, we are going to look at creating components.

In React, 90% of the time, you will be interacting with components.

A component is a piece of the UI(user interface) that has its own logic and appearance.

Logic and appearance. Two points worth noting down.

A component can be as small as a button, or as large as an entire page.

Here is an example of a component:

function MyButton(){
  return (
    <button>I'm a button</button>
  );
}

React component names must always start with a capital letter, while HTML tags must be lowercase.

That is all I wanted to share today.

As always, I'll leave you with my favorite quote from Naval that says:

"Coding is a superpower because you can speak the language of robots and command them to do whatever you like."

Happy Coding!