1. @linaria/babel-preset
Blazing fast zero-runtime CSS in JS library
@linaria/babel-preset
Package: @linaria/babel-preset
Created by: callstack
Last modified: Thu, 09 Nov 2023 09:16:58 GMT
Version: 5.0.4
License: MIT
Downloads: 166,863
Repository: https://github.com/callstack/linaria

Install

npm install @linaria/babel-preset
yarn add @linaria/babel-preset

Linaria

Zero-runtime CSS in JS library.


📖 Please refer to the GitHub for full documentation.

Features

  • Write CSS in JS, but with zero runtime, CSS is extracted to CSS files during build
  • Familiar CSS syntax with Sass like nesting
  • Use dynamic prop based styles with the React bindings, uses CSS variables behind the scenes
  • Easily find where the style was defined with CSS sourcemaps
  • Lint your CSS in JS with stylelint
  • Use JavaScript for logic, no CSS preprocessor needed
  • Optionally use any CSS preprocessor such as Sass or PostCSS

Why use Linaria

Installation

 npm install @linaria/core @linaria/react @linaria/babel-preset

or

 yarn add @linaria/core @linaria/react @linaria/babel-preset

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code