This command line helps you create components, pages and even redux implementation for your react project

Overview

react-help-create

react-help-create

This command line helps you create components, pages and even redux implementation for your react project.

react-help-create is released under the MIT license. Current npm package version. PRs welcome!

How to install it?

  • To install it globally in your operating system run
npm i react-help-create -g

Or

yarn global add react-help-create
  • To install it as a dev dependency in your react project run
npm i react-help-create --save-dev

Or

yarn add react-help-create --dev

How to use it?

Please follow this documentation to learn how to use this command line.

Contributing

Please check this if you consider to contribute to this project.

Comments
  • suggestion

    suggestion

    Hi, i think the most powerful feature will be to manage the component template, something like creating ".template" folder and when you run rhc create -c <component_name> --template page the component will be generated from the page template

    opened by niradler 2
  • Feature: Redux Enhancement

    Feature: Redux Enhancement

    This PR is dedicated to enhance and add more feature for creating redux like adding reducers and actions from your command line.

    TODOs

    • [x] Create a custom reducer.
    • [x] Create a custom action.
    • [x] Delete a custom reducer.
    • [x] Delete a custom action.
    • [x] Using config file for creating redux store (ex: apply redux-thunk middleware or not).
    • [x] Add test cases.
    enhancement 
    opened by omdxp 0
  • Feature: Using Config File

    Feature: Using Config File

    This PR is dedicated to add a pretty util feature which is using a config file like rhc.config.json which contains some properties that helps creating files with custom user input.

    opened by omdxp 0
  • Feature: creating files with user defined templates

    Feature: creating files with user defined templates

    Description

    This PR is dedicated to add a new feature to rhc command line which is to create files in a user defined templates.

    Resolves #1

    Type of change

    • New feature (non-breaking change which adds functionality)
    enhancement help wanted 
    opened by omdxp 0
  • Create and Delete tests

    Create and Delete tests

    Is your feature request related to a problem? Please describe. Newly created files does not contain unit tests and/or integration tests with them.

    Describe the solution you'd like This feature is really good to create your unit tests alongside your newly created files (from your components to your pages to your custom functions).

    Here are some samples:

    rhc create -c test
    

    It creates test files with the component.

    Additional context This also can be added to rhc.config.json as a property withTests so when creating new components or screens it can also add test files alongside them.

    enhancement 
    opened by omdxp 0
Releases(2.3.0)
  • 2.3.0(May 22, 2022)

    In this version you can create and delete redux reducers and actions. So it can give your more room to handle all that redux stuff of creating reducers and updating necessary files again and again. With just a simple command line you can do that more easily and intuitive way!

    For more details you can check the documentation.

    What's Changed

    • Chore: Add test script to GitHub Actions by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/12
    • Feature: Redux Enhancement by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/13
    • Docs: Add docs for new features for redux by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/14

    Full Changelog: https://github.com/Omar-Belghaouti/react-help-create/compare/2.2.0...2.3.0

    Source code(tar.gz)
    Source code(zip)
  • 2.2.0(Mar 25, 2022)

    In this version you can start using a config file where you can customize the usage for the command line and make more freedom for creating your files. It's also contains a good feature when creating your templates there is a naming convention for your template components (__COMPONENT__) so when you use them it'll be changed to the actual name for your components or pages.

    For more details you can check the documentation.

    What's Changed

    • Feature: Using Config File by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/7
    • Feature: Create Config File by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/8
    • Feature: Specified Name in Templates by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/9
    • Docs: Updating Docs for 2.2.0 by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/10

    Full Changelog: https://github.com/Omar-Belghaouti/react-help-create/compare/2.0.1...2.2.0

    Source code(tar.gz)
    Source code(zip)
  • 2.0.1(Mar 23, 2022)

    This version is a patch for fixing the styles imports as well as enhancing the root checking for the react project with the used language.

    What's Changed

    • Fix: Styles imports by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/6

    Full Changelog: https://github.com/Omar-Belghaouti/react-help-create/compare/2.0.0...2.0.1

    Source code(tar.gz)
    Source code(zip)
  • 2.0.0(Feb 10, 2022)

    In this release files will be created in even more structured and ergonomic way that will help you develop your React projects with ease of use and even faster in development.

    For more details check documentations.

    What's Changed

    • Chore: new project structure by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/3
    • Feature: npm publish workflow by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/4
    • Docs: updating docs for 2.0.0 by @Omar-Belghaouti in https://github.com/Omar-Belghaouti/react-help-create/pull/5

    Full Changelog: https://github.com/Omar-Belghaouti/react-help-create/compare/1.1.0...2.0.0

    Source code(tar.gz)
    Source code(zip)
  • 1.1.0(Sep 4, 2021)

  • 1.0.0(Aug 22, 2021)

Owner
Omar
Exploring!
Omar
Redux Tutorial - share my experience regarding redux, react-redux and redux-toolkit

Redux Tutorial 1. Introduction to Redux 1.1 What is Redux & why Redux? A small JS Library for managing medium/large amount of states globally in your

Anisul Islam 29 Sep 29, 2022
Redux - Create forms using Redux And React

Exercício de fixação Vamos criar formulários utilizando Redux! \o/ Antes de inic

Márcio Júnior 2 Jul 21, 2022
redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state.

redux-immutable redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state. When Redux creat

Gajus Kuizinas 1.9k Sep 25, 2022
In this course you learn how to use Redux as a state manager in your React applications

Redux is a state manager which you can use it in your React, Vue and even Vanilla applications. In this course we store Redux storage in localstorage to keep our data.

AmirHossein Mohammadi 5 Jul 25, 2022
Skeleton React App configured with Redux store along with redux-thunk, redux persist and form validation using formik and yup

Getting Started with React-Redux App Some Configrations Needed You guys need to modify the baseUrl (path to your server) in the server.js file that is

Usama Sarfraz 11 Jul 10, 2022
A sample project to create forms using React and Typescript

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. Available Scripts In the project directory, you can r

null 1 Nov 19, 2021
This is a simple react project that Stores the books, When the user enter any book with the category will be updated in the API and you can get someof books from API based on the category. 📚

Book Store React ?? This is a simple react project that Stores the books, When the user enter any book with the category will be updated in the API an

Reem janina 8 Aug 12, 2022
Financial Metrics - about building a mobile web application to check a list of metrics that I create making use of React and Redux

Financial Metrics is about building a mobile web application to check a list of metrics (numeric values) that I create making use of React and Redux

Amrendra K 9 Jun 4, 2022
A quick start Redux + TypeScript Create React App template

A quick start Redux + TypeScript Create React App template An opinionated quick

null 0 Dec 24, 2021
Helper to create less verbose action types for Redux

Action Typer Helper to create slightly less verbose redux action types. Uses ES6 Proxies! Highly Performant: Proxy is only run once at startup. Includ

Alister Norris 57 Nov 21, 2021
A React-Redux based project, built with pair programming and gitflow, following this kanban workflow

This is a React-Redux based project, built with pair programming and gitflow, following this kanban workflow. The page have a global state that holds the Rockets and missions from the spaceX API, and allow you to reserve them, displaying on your profile section the missions that you own.

Andrés Felipe Arroyave Naranjo 10 Apr 5, 2022
A lightweight state management library for react inspired by redux and react-redux

A lightweight state management library for react inspired by redux and react-redux

null 2 Sep 9, 2022
A simple app for study react with redux, redux saga and typescript.

React com Redux, Redux-Saga e TypeScript. ?? Uma aplicação simple para entender o funcionamento do Redux e a melhor maneira de utiliza-lo junto com o

João Marcos Belanga 1 May 24, 2022
A Higher Order Component using react-redux to keep form state in a Redux store

redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux

Redux Form 12.6k Oct 2, 2022
A chart monitor for Redux DevTools https://www.npmjs.com/package/redux-devtools-chart-monitor

Redux DevTools Chart Monitor This package was merged into redux-devtools monorepo. Please refer to that repository for the latest updates, issues and

Redux 294 Aug 13, 2022
Create the next immutable state by mutating the current one

Immer Create the next immutable state tree by simply modifying the current tree Winner of the "Breakthrough of the year" React open source award and "

immer 23.7k Sep 30, 2022
This React capstone project is about building a web application to check numeric values

REACT-REDUX-CAPSTONE This React capstone project is about building a mobile web

Somdotta Sarkar 6 Jan 19, 2022
An i18n solution for React/Redux and React Native projects

redux-react-i18n An i18n solution with plural forms support for Redux/React Workers of all countries, unite! Supported languages list with expected co

Dmitry Erzunov 63 Sep 4, 2022
Ruthlessly simple bindings to keep react-router and redux in sync

Project Deprecated This project is no longer maintained. For your Redux <-> Router syncing needs with React Router 4+, please see one of these librari

React Community 7.9k Sep 28, 2022