Skip to content

Commit

Permalink
Update tools.md (#38)
Browse files Browse the repository at this point in the history
Adding new tool "Vite"
  • Loading branch information
Abdalrzakalsouki authored May 19, 2024
1 parent e8646a9 commit 65ffae7
Showing 1 changed file with 13 additions and 0 deletions.
13 changes: 13 additions & 0 deletions react/tools.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,19 @@ One of our volunteers has also made a movie to explain this setup and what Babel

{% hyf-youtube src="https://www.youtube.com/watch?v=oCbipSIt43k" %}

## Vite

Vite is slightly a new tool written by Evan You, the person who developed Vue.js framework. This tool can be used for creating react apps with different temple such as using Typescript or JavaScript. Also, we can use it with other frameworks like Vue and svelte or even with vanilla JavaScript.
This tool introduces a big performance boost with easier setup comparing to an old technologies such as Create-react-app which relies on webpack. Those advantage shift the developers to use Vite over Create-react-app on most of the modern applications.
To create our React app with Vite we simply run the following command:
```
npm create vite@latest
```
Then we choose the desire template, for example "react-ts" which create a react app with Typescript. You can find more about the setup on the official docs:
[Vite Getting Started](https://vitejs.dev/guide)
If you feel curious about this technology consider reading the official:
[Vite]([https://vitejs.dev/guide](https://vitejs.dev/guide/why.html))

## Static hosting

React in itself creates what is called a `build` which is all your code converted into JavaScript that the browser can understand. In essence this is a static amount of code that we can host. There are many static site hosting platforms that make it easy to deploy your React applications.
Expand Down

0 comments on commit 65ffae7

Please sign in to comment.