What to learn for laying out a simple React JS project?

Question

React

Good day.
Please tell me what is better to use now for layout of a small project on React JS?

Answer 1

Ingenuity and ingenuity!
Well, in terms of tools, it’s good to use Figma.

Answer 2

html+css.
Something outdated, something new, this list is constantly changing, so "learn" how to figure it out on your own.
but. start by examining the caniuse.
well, layout on floats or tables can no longer be studied.
judging by the question, you now have about 0 knowledge, so learn at least something, along the way you will understand what is needed, what is not and in what conditions.

Answer 3

What to learn for laying out a simple React JS project?

Strange as it may seem, the layout - to create a grid positioning large blocks - study CSS Grid Layout , to position components inside blocks - CSS Flexbox Layout.
In order to make it semantically and accessible, you need to study HTML, CSS at the level of making up at least a landing page, without the help of Google.
Knowing tabular layout is optional, knowing float layout is desirable, since everything that has been on the market for more than 4-5 years (very, very conditional enterprise development - most likely written on floats, no flex was used, since IE support was needed) .
Before shoving React into the question, first study JS at a decent level, and write this project first in pure JS (do not care what the bike is), and then rewrite it with React to understand why React is needed, what problems it solves.