withspectrum / React App Rewire Styled Components
Licence: mit
Add the styled-components Babel plugin to your create-react-app app via react-app-rewired
Stars: β 159
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React App Rewire Styled Components
movies
πΏ react-app for movies
Stars: β 60 (-62.26%)
Mutual labels: styled-components, create-react-app
forex-web-app
π±βforeign currency exchange app built with react hooks
Stars: β 17 (-89.31%)
Mutual labels: styled-components, create-react-app
mcs-lite
π MCS Lite Common UI and Websites.
Stars: β 75 (-52.83%)
Mutual labels: styled-components, create-react-app
React Boilerplate Cra Template
π₯ Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices.
Stars: β 859 (+440.25%)
Mutual labels: create-react-app, styled-components
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: β 4,366 (+2645.91%)
Mutual labels: create-react-app, styled-components
coincharts
Cryptocurrency Price Chart (GDAX)
Stars: β 75 (-52.83%)
Mutual labels: styled-components, create-react-app
marvel-jarvig
Marvel JARVIG (Just A Rather Very Interesting Game) is a game that lets you find and discover Marvel Comics characters based on their name, image and description!
Stars: β 13 (-91.82%)
Mutual labels: styled-components, create-react-app
react-component-lib
Boilerplate repo for creating npm packages with React components written in TypeScript and using styled-components
Stars: β 69 (-56.6%)
Mutual labels: styled-components, create-react-app
Animate Components
β¨ Elemental components for doing animations in React
Stars: β 908 (+471.07%)
Mutual labels: create-react-app, styled-components
Road Beyond React App
π The Road beyond React - Thing you can use after learning plain React.js
Stars: β 108 (-32.08%)
Mutual labels: create-react-app, styled-components
Styled Icons
π
Popular icon packs like Font Awesome, Material Design, and Octicons, available as React Styled Components
Stars: β 1,878 (+1081.13%)
Mutual labels: styled-components
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: β 141 (-11.32%)
Mutual labels: styled-components
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: β 147 (-7.55%)
Mutual labels: styled-components
Styled Bootstrap
π
π» A styled-component implementation of Bootstrap
Stars: β 154 (-3.14%)
Mutual labels: styled-components
Create React Component Folder
Creates react component folder structure
Stars: β 139 (-12.58%)
Mutual labels: create-react-app
Analytics React
[DEPRECATED AND UNSUPPORTED] The hassle-free way to integrate analytics into your React application.
Stars: β 146 (-8.18%)
Mutual labels: create-react-app
Gatsby V2 Tutorial Starter
Gatsby V2 Starter - product of step by step tutorial
Stars: β 139 (-12.58%)
Mutual labels: styled-components
Create React Microservice
π Create highly scalable and universal React microservices/applications within seconds.
Stars: β 138 (-13.21%)
Mutual labels: create-react-app
Create React App Now
Hello, create-react-app, meet Zeit's awesome now.sh service.
Stars: β 137 (-13.84%)
Mutual labels: create-react-app
Cra Recipe
Step-by-step guide to bootstrap a CRA app from scratch.
Stars: β 158 (-0.63%)
Mutual labels: create-react-app
react-app-rewire-styled-components
Add the babel-plugin-styled-components
to your create-react-app
app via react-app-rewired
.
This gives you nicer generated class names that include the components' name, minification of styles and many more goodies πͺ
Installation
npm install --save react-app-rewire-styled-components
# alternatively if you have yarn installed
yarn add react-app-rewire-styled-components
Usage
In the config-overrides.js
you created for react-app-rewired
add this code:
const rewireStyledComponents = require('react-app-rewire-styled-components');
/* config-overrides.js */
module.exports = function override(config, env) {
config = rewireStyledComponents(config, env);
return config;
}
That's it, you're now using the styled-components
Babel plugin!
To pass options to the Babel plugin use the third argument, it passes straight through to the plugin:
config = rewireStyledComponents(config, env, {
ssr: true,
})
See the available options in the styled-components
documentation.
License
Licensed under the MIT License, Copyright Β©οΈ 2017 Maximilian Stoiber. See LICENSE.md for more information.
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].