Refer the Faq's page in documentation for clear understanding of the changes in between RTL & LTR, color varientaions such like light,dark & transperent, menu layout for vertical to horizontal
Nowa/
├── public/
├── src/
| ├── assets/
| | ├── css/
| | ├── images/
| | ├── iconfonts/
| | ├── plugins/
| | ├── scss/
| | └── switcher/
| ├── common/ /
| ├── components/ /
| ├── layout/
| | ├── firebase/
| | ├── layoutcomponent/
| | ├── App.jsx
| | ├── custompages.jsx
| | └── Switcherapp.jsx
| ├── index.scss
| └── main.jsx
├── eslintrc.json
├── .gitignore
├── gulpfile.js
├── package.json
└── vite.config.js
| # | 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.jsx | 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. | |
| index.scss | Global Sss/Scss code. | |
| main.jsx | 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. | |
| eslintrc.json | ESlint is an open-source library that's commonly used by React developers to enforce rules about maintaining the code standard across the project. | |
| 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 jsx and css files when building your app
so you never need to add any
<script> or <link> tags here
manually.
|
package.json | npm configuration listing the third party packages your project uses. You can also add your own custom scripts here. |
| app..{react, scss, js} | 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. | |
| 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. | |
| viteconfig.js | 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 |