Merge pull request #3226 from KartikAroraOfficial/source

Updated: part1a in english and french, Edited: French part now uses Vite as well
fullstack-hy2020 · Oct 30, 2023 · acd0d97 · acd0d97
2 parents 3ed404d + 66e152e
commit acd0d97
Show file tree

Hide file tree

Showing 2 changed files with 233 additions and 47 deletions.
diff --git a/src/content/1/en/part1a.md b/src/content/1/en/part1a.md
@@ -15,11 +15,12 @@ The easiest way to get started by far is by using a tool called
 Let's create an application called <i>part1</i>, navigate to its directory and install the libraries:
 
 ```bash
-# npm 6.x
+# npm 6.x (outdated, but still used by some):
 npm create vite@latest part1 --template react
 
 # npm 7+, extra double-dash is needed:
-npm create vite@latest part1 -- --template react```
+npm create vite@latest part1 -- --template react
+```
 
 ```bash
 cd part1
@@ -245,7 +246,7 @@ const App = () => {
 }
 ```
 
-The compilation is handled by [Babel](https://babeljs.io/repl/). Projects created with *create-react-app* are configured to compile automatically. We will learn more about this topic in [part 7](/en/part7) of this course.
+The compilation is handled by [Babel](https://babeljs.io/repl/). Projects created with *create-react-app* or *vite* are configured to compile automatically. We will learn more about this topic in [part 7](/en/part7) of this course.
 
 It is also possible to write React as "pure JavaScript" without using JSX. Although, nobody with a sound mind would do so.
 
@@ -266,9 +267,6 @@ but when writing JSX, the tag needs to be closed:
 ### Multiple components
 
 Let's modify the file <i>App.jsx</i> as follows:
-
-
-
 ```js
 // highlight-start
 const Hello = () => {