Learn how to create the project folder and initialize it.
- [Instructor] In this video,…we're going to start our project.…The first thing we're going to do,…is to create our project folder.…Many of you will find this quite simple…but this important to me to feel…that I'm building this project from ground zero.…Then we're going to learn about Yarn…and how we can use it to initialize our project.…So what is Yarn?…Yarn is an npm alternative.…For those who don't know npm stands for Node Package Manager…and is a tool that you can use…to download packages or dependencies…that you will use in your project.…But Yarn have some advantage in comparison to npm.…
First, it's faster.…This is because Yarn caches every package that you install…and reuse it when you start it again.…Also it's more secure, it uses checksums and hashes…in order to ensure that you always download,…the same version of the package.…By doing that, it makes your dependencies more reliable…and works offline.…I think npm five, which is the newest version of npm,…already implement many of these features…but since Yarn work very well for me in the past,…
Author
Released
7/16/2018- Structuring React projects
- Creating and mounting the root component
- Composing components for more complex UI
- Using state to making components dynamic
- Styling
- Routing
- Testing
Skill Level Intermediate
Duration
Views
Related Courses
-
React: Building Large Apps
with Emmanuel Henri53m 59s Intermediate -
React: Managing Complex Interactions
with Emmanuel Henri1h 45m Intermediate
-
1. How to Structure React Projects
-
Welcome2m 14s
-
React rendering process2m 24s
-
Start a project from scratch3m 44s
-
Set up a development server9m 31s
-
-
2. Diving into the First Components
-
Use functional components3m 48s
-
Import assets5m 37s
-
3. Styling Made Easy
-
Functional CSS7m 33s
-
Set up PostCSS and Basscss11m 38s
-
Set up ESLint13m 39s
-
Set up Prettier6m 27s
-
4. Routing
-
Handle 404 requests3m 2s
-
Handle redirects1m 32s
-
Implement favorites11m 8s
-
Share state between routes9m 27s
-
Get parameters from URLs6m 48s
-
5. Painless Components Testing
-
Configure Jest5m 44s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Start a project from scratch