UNPKG

cra-template-ipt-sun-context-crcf

Version:

The base template for Create React App with useContext folder structure dedicated for the creator of this template.

82 lines (59 loc) 1.76 kB
# Getting started with custom ipt-sun-crcf ![Logo](https://i.imgur.com/PF7guTM.png) ## To use this template run this in your terminal ```bash $ npx create-react-app app-name --template ipt-sun ``` Once the installation is complete, start the server. ## From the root folder run this. ```bash $ cd app-name $ npm start ``` After running the project, it should start automatically and display the home page. # Home Page ![Logo](https://i.imgur.com/nzk3IYQ.png) # Folder structure ![Logo](https://i.imgur.com/r8gMlkZ.png) # Terminal Commands ![Animation](https://user-images.githubusercontent.com/104751512/174479275-fd6db82d-64bc-4824-af7c-26d7c9a8ccd1.gif) # More Terminal Commands To create component inside of molecules // Default Class Component ``` $ npx crcf src/components/molecules/componentName ``` // Default Functional Component ``` $ npx crcf src/components/molecules/componentName -f ``` // Without test files ``` $ npx crcf src/components/molecules/componentName -f --notest ``` // Use jsx file format ``` $ npx crcf src/components/molecules/componentName -f --notest --jsx ``` // Use typescript file format ``` $ npx crcf src/components/molecules/componentName -f --notest --typescript ``` To create components inside of organisms or templates just replace the molecules in terminal. To export all components run this command. // Export all components inside of molecules ``` $ npx crcf --createindex src/components/molecules ``` // Export all components inside of organisms ``` $ npx crcf --createindex src/components/organisms ``` // Export all components inside of templates ``` $ npx crcf --createindex src/components/templates ``` To view more options in terminal just run this command. ``` $ npx crcf create --help ```