Create styles using JSS and TypeScript in react apps. With new and very interesting techniques

The Best and Most Different Way to Create Styles in React Apps using JSS and TypeScript
The Best and Most Different Way to Create Styles in React Apps using JSS and TypeScript

You probably know and use a variety of ways to write styles in React apps, but today I want to show you a great new method that you may not have seen before.

What you will learn after reading this article:

  • Reason to use TypeScript instead of JavaScript
  • Reason to use JSS instead of other tools
  • Implement and create styles with JSS and TypeScript
  • Remove and separate the logic of styles from the logic of components
  • How can we have dynamic styles?

First, we will check some tools which you write styles in react applications:

  • CSS
  • CSS Preprocessors (Sass, Less…


all lifecycle methods in class components and functional components in react js
all lifecycle methods in class components and functional components in react js

Hi, today I’m going to explain the whole lifecycle of the class component also the same in functional components.

What you will learn after reading this article:
- Execution of lifecycles in Class Components and Functional Components from the beginning to the end
- How to implement Class Components lifecycles in Functional Components
- Proper use of lifecycles in the component according to different modes
- Lifecycle differences in Class Component and Functional Component
- Very practical tips about where to call the components and their impact on the implementation of lifecycles
- And other important and practical cases …

So let’s get started.
At first, we want to answer the question, what is the lifecycle of a component?
The lifecycle of a component in virtually all phases of its implementation from zero to one hundred until the component is fully rendered.
Each phase is suitable for a specific operation and events occur in it. So you should use the right life cycle in your component according to your needs, otherwise, it will cause errors and problems in your program. …

About

Omid Shah Hosseini

Senior Frontend Engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store