JavaScript Full Stack Series-03-Adding Styles

πŸ”Ž Intro

This will be simple blog that covers how to add styles to React applications with CSS. Since I’ve learned it before plus more about Tailwind CSS, integrating Tailwind CSS with React and how to use it to style React components would be interesting to cover in the future blogs.

πŸ‘¨β€πŸ’» Reviewed concepts

  • CSS:
    CSS stands for Cascading Style Sheets. It is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. [More details](https://dogecat0.github.io/2023/11/07/JavaScript Full Stack Series/01-Fundamentals.html)

πŸ“š Lessons learned

The use of className in React:

In React, the class attribute is reserved for JavaScript classes. Instead, we use className to define the CSS class of an element.

πŸ“ Course exercise

  1. Created a simple React application that displays countries’ info with its capital’s weather details plus search funtionalities. Link to the repo
β–²