All Projects → sunopar → react-component-maker

sunopar / react-component-maker

Licence: other
react-component-maker

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-component-maker

react-lds
⚡ React components for the Salesforce Lightning Design System
Stars: ✭ 28 (-12.5%)
Mutual labels:  react-components
Nectus
A boilerplate Flask API for a Fullstack Project with some additional packages and configuration prebuilt. ⚙
Stars: ✭ 32 (+0%)
Mutual labels:  react-components
react-image-and-background-image-fade
React Image and Background Image Preloader and Fade in. Load those images in smooth!
Stars: ✭ 26 (-18.75%)
Mutual labels:  react-components
mint-ui
Design System | React UI components for web
Stars: ✭ 17 (-46.87%)
Mutual labels:  react-components
tiny-ui
⚛️ A friendly UI component set for React.js
Stars: ✭ 202 (+531.25%)
Mutual labels:  react-components
django-react
Server side rendering of react components integrated with django
Stars: ✭ 28 (-12.5%)
Mutual labels:  react-components
react-jwt-auth
React JWT Authentication & Authorization example - React.js Login and Registration example
Stars: ✭ 307 (+859.38%)
Mutual labels:  react-components
react-abstract-autocomplete
Bring-Your-Own-UI autocomplete / mentions component for React.
Stars: ✭ 15 (-53.12%)
Mutual labels:  react-components
react-simple-image
responsive img tag with cleaner srcset/sizes interface.
Stars: ✭ 29 (-9.37%)
Mutual labels:  react-components
NE-Component
A react component library.
Stars: ✭ 29 (-9.37%)
Mutual labels:  react-components
orfium-ictinus
This repo will include the building blocks to create the Orfium Parthenons to come ...
Stars: ✭ 20 (-37.5%)
Mutual labels:  react-components
hx
A simple, easy to use library for React development in ClojureScript.
Stars: ✭ 244 (+662.5%)
Mutual labels:  react-components
rsuite.github.io
React Suite documentation site. The library will stop updating. For documentation related issues, please visit https://github.com/rsuite/rsuite/tree/master/docs.
Stars: ✭ 41 (+28.13%)
Mutual labels:  react-components
OpenTrivia
Multiplayer quiz game demo using React and Opentdb API
Stars: ✭ 47 (+46.88%)
Mutual labels:  react-components
shopify-node-react-app
Shopify paid app in Node.js & React.js that connects to a store and lets merchants select products to automatically discount them in the Shopify admin interface.
Stars: ✭ 29 (-9.37%)
Mutual labels:  react-components
ancestor
💀 UI primitives for ReScript and React
Stars: ✭ 144 (+350%)
Mutual labels:  react-components
jsx-test
An easy way to test your React Components (`.jsx` files).
Stars: ✭ 27 (-15.62%)
Mutual labels:  react-components
mern-admin-panel
Admin-panel using ReactJs, ExpressJs, NodeJs, MongoDB and Bootstrap
Stars: ✭ 84 (+162.5%)
Mutual labels:  react-components
react-pluto
A package of small but beautiful React components from the planet, Pluto. 🔵 Get minimal components for your React based applications 😍
Stars: ✭ 17 (-46.87%)
Mutual labels:  react-components
fusion-components
A collection of React Components built with Emotion.js
Stars: ✭ 13 (-59.37%)
Mutual labels:  react-components

react-component-maker

the cli to create react components

中文版

v1.2.0

support css,scss,less

support

  1. the cli to create react components
  2. support create multiple components
  3. support css,Scss,Less
  4. support stateless function(or you can say pure component)

Usage

npm i -g react-component-maker
mkreact App
//you will create React component named App
mkreact Header,Body,Footer
//you will create React compoennts named Header,Body,Footer

create component with Scss

mkreact -s Body
//create React components named Body with Scss

create React component with Less

mkreact -l Body
//create React components named Body with Less

create React component with Less

mkreact -p Body
//you will create pure component for stateless function

component details

  • [name].jsx
  • [name].css
  • index.jsx

file details

[name].jsx

import React from 'react';
import styles from './[name].css'
class [name] extends React.Component {
    constructor(props) {
        super(props);
        this.displayName = [name];
    }
    render() {
        return (
            <div className={styles.container}>
            [name]
            </div>
        )
    }
}
export default [name];

[name].css

.container {
  
}

index.jsx

import [name] from './hh'

export default [name]
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].