Your React applications are just that, an aggregation of components mixed together to create user interfaces and functionalities. Of course, you don’t want to leave your app sterile of colours, _animations _and cool stylings.
That’s why you should sincerely care about how you plan to customize and make beautiful your React components.
Following, you will find a list of the 4 most common ways to make your React applications look beautiful. But please, be careful. Because every coding solutions bring with itself the burden of the choice.
So you must be very careful about what you will choose based on what you need, your goals, and the dimension of your application.
Inline-Styling
A convenient, quick to use mode to style your React components. In this case, contrarily to what you may have seen in HTML, you will have to specify an _object _containing your rules, instead of a simple string. And then provide it to a prop called style
Note two things here:
- The rules you would normally define with a dash,
margin-leftin this case, need to be defined using camelCase notation. - The values of the various stylings are expressed as strings
#react-native #technology #programming #react #javascript
