Parse pseudo React into a scaffolded app

Parse pseudo React into a scaffolded app.

Example

Pseudo code:

<Layout>
    <Header />
    <Wrapper>
        <MainContent
            title="Pseudopia"
            subTitle="A delightful React app generator"
        />
    </Wrapper>
    <Footer />
</Layout>

Generates:

./output/
├── App.tsx
└── components
    ├── Footer.tsx
    ├── Header.tsx
    ├── Layout.tsx
    ├── MainContent.tsx
    ├── Wrapper.tsx
    └── __tests__
        ├── Footer.test.tsx
        ├── Header.test.tsx
        ├── Layout.test.tsx
        ├── MainContent.test.tsx
        └── Wrapper.test.tsx

Getting Started

1. Run npm i
2. Fill out the pseudoCode.js file with your app idea
3. Run npm start

You should now see an output directory with a scaffolded app.

Flags

Naming

Name	Options	Default
--baseComponentName	string	App
--componentDirName	string	components
--extension	js, jsx or tsx	tsx

Input/Output

Name	Options	Default
--outputPath	string	./output
--pseudoCodePath	string	./pseudoCode.js
--unitTestOutputPath	string	./output/components/__tests__

Templates

Name	Options	Default
--appTemplatePath	string	./templates/app.hbs
--componentTemplatePath	string	./templates/component.hbs
--unitTestTemplatePath	string	./templates/unit-test.hbs

Example

$ npm start -- --baseComponentName="Wrapper" --pseudoCodePath="./myPseudo.js"

Enjoy.

Download Details:

Author: sethdavis512

Source Code: https://github.com/sethdavis512/react-pseudopia

#reactjs #react #javascript