Chapter 2: React Router and MUI Practice

<aside> 💻 For the second chapter of our React Study Jam, we’ll be learning about a new package manager called Yarn, some important git commands to know, the all-famous react router, and one of the most used React CSS Library called Material UI. Cool stuff right? As always, padayon, future web dev ♥!

</aside>

<aside> 📢 If you haven’t checked out the first Study notes, here’s the link: https://bit.ly/ReactStudyNotes01

</aside>

💻 GitHub Link of the project: https://github.com/marcusandrev/DSC-PLM-ReactJS-Study-Notes-02

📌 Link of this Notion page: https://bit.ly/ReactStudyNotes02

Table of Contents

🧶YARN PACKAGE MANAGER

<aside> 📢 As mentioned at our last meeting, will be using another package manager called Yarn 🤫! If naalala niyo last time, we used npm to create our react-app and the installation for other packages—este, a package manager. Big words huh, don’t worry cause Yarn provides similar functionalities as NPM. Also, it’s your preference rin on what package manager you want to use.

</aside>

🤔 What is Yarn and why use it?

• Package manager created by Facebook
• Provides similar functionalities as NPM and is an alternative when installing, uninstalling, and managing package dependencies from the NPM registry or GitHub repositories (aka when you use npm install).
• WHY USE IT?
  • Faster for installing packages than NPM
  • Lock file generation so you’re ensured that your team will be using the exact dependencies version
  • Performs security checks and make sure that you’re not downloading stuff that can conflict with your project dependencies.
  • Personal reason: Cause most of my programmer friends and peers use this and they highly recommended me to switch haha 😅

Good read about NPM VS Yarn: [Choosing Between NPM and Yarn | Engineering Education (EngEd) Program | Section](https://www.section.io/engineering-education/npm-vs-yarn-which-one-to-choose/#:~:text=Yarn is a JavaScript package,NPM registry or GitHub repositories.)