react-app-rewire-antd-theme - Integrate Ant Design with Create React App without Ejecting with addional dynamic theming

  •        30

This package is mainly to integrate Ant Design with create-react-app but by adding some extra options/parameters, it will generate color.less file which can be used to update color specific theme variables at runtime in browser or one can apply theme based on saved color configurations. For just Ant Design Integration with create-react-app, just add a file config-overrides.js in root directory and add following code in it. You either need to provide variables less file or variables object.

https://antd-live-theme.firebaseapp.com/
https://github.com/mzohaibqc/react-app-rewire-antd-theme

Dependencies:

antd-theme-webpack-plugin : 1.1.6
less-bundle-promise : 1.0.4
react-app-rewire-less : ^2.1.1
react-app-rewired : ^1.5.0

Tags
Implementation
License
Platform

   




Related Projects

react-app-rewired - Override create-react-app webpack configs without ejecting

  •    HTML

Tweak the create-react-app webpack config(s) without using 'eject' and without creating a fork of the react-scripts. All the benefits of create-react-app without the limitations of "no config". You can add plugins, loaders whatever you need.

react-redux-antd - react redux for CMS/Enterprise class App/ERP/Admin with ant-design

  •    Javascript

react redux for CMS/Enterprise class App/ERP/Admin with ant-design

kittenTricks - 🐈 A react native mobile starter kit with over 40 screens and theme hot reload support

  •    Javascript

A perfect starter kit for your next cross-platform React Native app. FREE and open-source! Check out live demo on App Store or Google Play.MIT license.

react-from-zero - A simple (99% ES2015 less) tutorial for React

  •    HTML

Everything runs in the browser without a manual pre-compilation. If you want to run the examples with create-react-app, you have to copy the text/babel script parts of the examples into the src/index.js file of the React app you created and change the renderTargets ID from app to root.


theme - Style your React Native components on one place

  •    Javascript

The React Native component's style is usually defined as a static variable along with the component itself. This makes it easy to build self contained components that always look and behave in the same way. On the other hand, it complicates building themeable (or skinnable) components that could have multiple styles that can be customized without touching the component source code. @shoutem/theme is built to address that problem. With themes, you can target specific components in your app and customize them through one file, just like you would do it with CSS on the web. All the documentation is available on the Developer portal.

SnippetStore - :tada: A snippet management app for developers :rocket:

  •    Javascript

SnippetStore is a application for developers to store their snippets and quickly retrieve them when needed. SnippetStore mainly focus on storing code therefor its interface is small and simple, perfect for busy developers who doesn't care about small details.

galio - Galio is a beautifully designed, Free and Open Source React Native Framework

  •    Javascript

Galio is one of the coolest UI libraries you could ever use, licensed under MIT. Carefully crafted by developers for developers. Ready-made components, typography, and a gorgeous base theme that is easily adaptable to each project.

react-antd-demo - 基于react及antd的demo

  •    Javascript

基于react及antd的demo

coreui-free-react-admin-template - CoreUI React is free React admin template based on Bootstrap 4

  •    Javascript

Curious why I decided to create CoreUI? Please read this article: Jack of all trades, master of none. Why Bootstrap Admin Templates suck. CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high quality icons.

react-native-app-intro - react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs

  •    Javascript

react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs... You can use pageArray quick generation your app intro with parallax effect. With the basic usage, the Android status bar will be updated to match your slide background color.

todo-react-redux - Todo app with Create-React-App • React-Redux • Firebase • OAuth

  •    Javascript

A simple Todo app example with undelete capability — built with Create React App, React Redux, and Firebase. Try the demo at https://todo-react-redux.firebaseapp.com.

react-native-auto-updater - A library to manage dynamic updates to React Native apps

  •    Objective-C

Thanks everyone for using, supporting and contributing to react-native-auto-updater. In the last couple of months, we have not had time/resources to maintain this repo as we diverted our focus on our new product, Amium. As a result of that, I will not be able to resolve issues or review pull requests on this repo. Bottomline, we have stopped maintaining this repo. As for an alternative, we recommend using CodePush. At AeroFS, we're close to shipping our first React Native app. Once the app is out, we would want to send updates over the air to bypass the sluggish AppStore review process, and speed up release cycles. We've built react-native-auto-updater to do just that. It was built as a part of our 2015 Thanksgiving Hackathon.

create-react-native-app - Create a React Native app on any OS with no build config.

  •    Javascript

Create React Native apps with no build configuration. Once you're up and running with Create React Native App, visit this tutorial for more information on building apps with React Native.

React Native - A framework for building native apps with React.

  •    Javascript

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don't build a “mobile web app”, an “HTML5 app”, or a “hybrid app”. You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps.

react-native-in-app-utils - A react-native wrapper for handling in-app payments

  •    Objective-C

A react-native wrapper for handling in-app purchases in iOS. You need an Apple Developer account to use in-app purchases.