Please refer Faq's page in documentation itself for queries like customization like color ,rtl ,dark style..etc.
sash/
└── src/
├── assets/
| ├── css/
| ├── iconfonts/
| ├── images/
| ├── plugins/
| ├── scss/
| └── switcher/
├── components/ /
├── commondata/ /
├── layouts/
├── redux/
├── main.tsx
├── index.scss
├── plugin.d.ts
├── reportWebVitals.ts
├── setupTests.ts
├── vite-env.d.ts
├── .gitignore
├── gulpfile.js
├── index.html
├── package-lock.json
├── package.json
└── README.md
# | File | Purpose |
---|---|---|
assets | A folder where you can put images, css, json data anything else to be copied wholesale when you build your application. | |
app.tsx | Defines AppModule, the root module that tells React how to assemble the application. Right now it declares only the AppComponent. Soon there will be more components to declare. | |
favicon.ico | Every site wants to look good on the bookmark bar. Get started with your very own React icon. | |
index.html | The main page that is served when someone visits your site. Most of
the time you'll never need to edit it.
The CLI automatically adds all tsx and css files when building your app
so you never need to add any
<script> or <link> tags here
manually.
|
|
manifest.json | Manifest is provide information about an application in a JSON text file the manifest is to install web applications to your device, provide user with quick access and a good experience | |
app..{react, scss, ts} | Defines the App Component along with an React template, CSS/SCSS stylesheet, and a unit test. It is the root component of what will become a tree of nested components as the application evolves. | |
main.tsx | Routing basically means navigating between pages. You have seen many sites with links that direct you to a new page. This can be achieved using routing. | |
index.scss | Global Sss/Scss code. | |
reportWebVitals.js | Create React App includes a built-in tool for measuring the real life performance of your app | |
styles.scss | Your global styles go here. Most of the time you'll want to have local styles in your components for easier maintenance, but styles that affect all of your app need to be in a central place. | |
.gitignore | Git configuration to make sure autogenerated files are not commited to source control. | |
redux | Redux is a JavaScript library that helps manage the state of an application in a predictable and organized manner. It provides a centralized store to store the application's data and uses actions and reducers to update and retrieve that data. By using Redux, developers can maintain a clear and consistent flow of data throughout their application, making it easier to manage and debug the state. | |
package-lock.json | The goal of package-lock. json file is to keep track of the exact version of every package that is installed so that a product is 100% reproducible in the same way even if packages are updated by their maintainers. This solves a very specific problem that package. | |
package.json | npm configuration listing the third party packages your project uses. You can also add your own custom scripts here. | |
tsconfig.json | The tsconfig.json file specifies the root files and the compiler options required to compile the project. | |
Eslintrt.json | Sets the base path correctly for both command types. Sets the publicDir path to src/assets Disables brotli compression calculations (saves 2-5 seconds per prod build) Disables the manifest. | |
viteconfig.ts | Vite is a frontend tool that is used for building fast and optimized web applications. It uses a modern build system and a fast development server to provide a streamlined and efficient development experience | |
tsconfig.node.json | The tsconfig.json file specifies the root files and the compiler options required to compile the project. | |
gulpfile.js | Gulp purely uses the JavaScript code and helps to run front-end tasks and large-scale web applications. | |
README.md | Basic documentation for your project, pre-filled with CLI command information. Make sure to enhance it with project documentation so that anyone checking out the repo can build your app! |