Skip to content

M-H-Abdelfadeil/react-helper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

React helper

easy create component and slice (one command)

require : PHP

use

download file " helper " in root app directory

alt text

Note : delete file helper if project production

create component

$ php helper make:component path/ComponentName

EX

alt text create file 'src/components/Product.js'

content file

function Product (props){
    return (
        <>
           
        </>
    );
}
export default Product;

alt text

create class component

$ php helper make:component path/ComponentName  --class

EX

alt text create file 'src/components/ProductList.js'

content file

import React from 'react';

class ProductList extends React.Component {

    constructor(props) {
        super(props);
        this.state = {};
    }
    render() {
        return (
            <>
                
            </>
        );
    }
}

export default ProductList;

alt text

create slice

$ php helper make:slice src/slices/SliceName

EX

alt text

create file ' src/slices/ProductSlice.js'

content file

    import { createSlice } from '@reduxjs/toolkit'

 
    
    export const ProductSlice= createSlice({
      name: 'ProductSlice',
      initialState:{
        // state 
      }
      ,
      reducers: {
        
      },
    })
    
    export const { } = ProductSlice.actions
    
    export default ProductSlice.reducer

alt text

About

file commands create react component and slice

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages