All Projects → jedmao → craco-linaria

jedmao / craco-linaria

Licence: MIT license
A craco plugin to use Linaria zero-runtime CSS in JS library in a create react app.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to craco-linaria

kkt
Create React apps with no build configuration, Cli tool for creating react apps.
Stars: ✭ 40 (+37.93%)
Mutual labels:  create-react-app, cra
next-plugin-antd-less
🎩 Use Antd (Less) with Next.js v12, Zero Dependency on other Next-Plugins.
Stars: ✭ 338 (+1065.52%)
Mutual labels:  cra, craco
react-antd-admin
基于vite2.x + react17.x + typescript4.x + antd4.x + react-router6.x + mobx6.x编写的一款简单高效的前后端分离的权限管理系统
Stars: ✭ 140 (+382.76%)
Mutual labels:  create-react-app, craco
react-typescript-material-ui-with-auth-starter
React + Material UI + Auth starter using TypeScript
Stars: ✭ 27 (-6.9%)
Mutual labels:  create-react-app, cra
cra-template-unicorn
🦄 The full template of create-react-app with typescript, redux-toolkit, react-redux, react-router for Single Page Application!
Stars: ✭ 56 (+93.1%)
Mutual labels:  create-react-app, craco
storybook-preset-craco
Craco preset for Storybook
Stars: ✭ 34 (+17.24%)
Mutual labels:  create-react-app, craco
Craco
Create React App Configuration Override, an easy and comprehensible configuration layer for create-react-app
Stars: ✭ 5,285 (+18124.14%)
Mutual labels:  create-react-app, cra
cra-template-quickstart-redux
Opinionated quickstart Create React App template with Redux, React Testing Library and custom eslint configuration
Stars: ✭ 66 (+127.59%)
Mutual labels:  create-react-app, cra
react-you-do-you
How I use React + Redux + Material-UI + TypeScript – you do you 💖
Stars: ✭ 103 (+255.17%)
Mutual labels:  create-react-app
tutorial-react-docker
Boilerplate React app in Docker container with ENV args
Stars: ✭ 63 (+117.24%)
Mutual labels:  create-react-app
lego-boost-app
React Application for controlling Lego Boost from the browser with Web Bluetooth API
Stars: ✭ 57 (+96.55%)
Mutual labels:  create-react-app
cra-monorepo-demo
Monorepo example using create-react-app and common component library structure with yarn workspaces
Stars: ✭ 37 (+27.59%)
Mutual labels:  create-react-app
react-mobx-router
Create React App with React Router 4 and MobX + Internationalization
Stars: ✭ 90 (+210.34%)
Mutual labels:  create-react-app
ts-ui
Telar Social Network using Reactjs
Stars: ✭ 35 (+20.69%)
Mutual labels:  create-react-app
mcs-lite
🎛 MCS Lite Common UI and Websites.
Stars: ✭ 75 (+158.62%)
Mutual labels:  create-react-app
plebpack
Webpack configuration for the common people.
Stars: ✭ 13 (-55.17%)
Mutual labels:  create-react-app
media-library
An online media library application with React, Redux and redux-saga
Stars: ✭ 27 (-6.9%)
Mutual labels:  create-react-app
react-production-deployment
Deploy your React app to production on Netlify, Vercel and Heroku
Stars: ✭ 51 (+75.86%)
Mutual labels:  create-react-app
worthit
💸 Vale a pena? Calcule o preço anual de um item com essa PWA
Stars: ✭ 18 (-37.93%)
Mutual labels:  create-react-app
semantic-ui-react-typescript-examples
Several examples using Semantic UI, React, and TypeScript
Stars: ✭ 41 (+41.38%)
Mutual labels:  create-react-app

craco-linaria

Travis Build Status codecov code style: prettier

A craco plugin to use Linaria zero-runtime CSS in JS library in a create react app.

Installation

First, follow craco's installation instructions.

Then, install craco-linaria and Linaria:

$ npm install --save-dev craco-linaria linaria

Usage

/* craco.config.js */
const CracoLinariaPlugin = require('craco-linaria')

module.exports = {
  plugins: [
    {
      plugin: CracoLinariaPlugin,
      options: {
        // Linaria options
      },
    },
  ],
}

You can specify Linaria options inline (as above) or it will be picked up from any of the supported configuration paths.

Git Ignore

This plugin stores Linaria cache in src/.linaria_cache, so you might want to add that path to your .gitignore file.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].