Starting React.js | Setting Goals for Near Future
Think about the near future and set your goals accordingly
Hello there! I made several mini-projects the previous weeks and I am on several others this week. Everything is going pretty exciting. Learning new stuff, enhancing technical and soft skills, there are a lot. So, let’s jump into our class review.
22/03/2021
This is the first technical class of week 7 at jadu. We learned GitHub briefly today. If I summarized today’s topics, see below:
- Private and Public Repository
- Creating Repo at GitHub
- Update that repo using VS Code
- How to contribute to open-source projects
- Forking a repository
- Making Pull requests
- Working with private repositories
- Sending invitation links
- Branches in repositories
So above are the whole bunch of topics we discussed today. We learned about public repositories and private repositories on GitHub. We saw how to create a repository on GitHub.
To update a repository from VS Code we first have to fetch that repository and push all the changes from a local device using VS code or any other editor via terminal.
I learned the steps of how to contribute to an open-source project on GitHub by forking a repository. There are simple steps for this. First, you should clone that repo you want to contribute. Second, we fork that repo to our own GitHub profile. Third, we do changes and push those changes to ours forked repo. Forth we make a pull request so the owner of that repo will analyze those changes and either accept those in the main original file or denied it. So this is how we can contribute to an open-source project on GitHub.
We can only contribute to private repositories if the owner of that repo sends us an invitation link. If we have the invitation link, we don’t even have to fork that repo and we can update that repo directly.
Branches are very useful to prevent bugs in the original file. We make different branches of the original repo and once we finalize the codes in different branches, we can merge that code in the main branch.
After doing all of these we did Update and Delete operations on data stored in the local storage of browsers using JavaScript. We learned about the filter() and map() functions of an array in JavaScript.
Today we learn a lot of exciting stuff as I told you in the beginning.
23/03/2021
A Session by Sidra Riaz who is an ASP at Facebook. It was a very exciting session as she told her how to prepare ourselves for our end goals. We discussed where we are looking ourselves in the next 5 or 10 years and based on this vision what steps you should take to achieve the vision.
We did some hands-on exercises as well. These hands-on exercises are more about brainstorming where we have to think about what skills will have values in the near future and how to learn them. What steps we should achieve to learn those skills and use them soon or in near future.
26/03/2021
React.js is here!
Today we started learning React.js. React.js is a popular library for JavaScript that major purpose is to reuse the code. It has its own HTML kind of syntax but it is called JSX. JSX is similar to HTML but it is not HTML. We start a react app and check the folder structure. We also learn how to add components to your app and how to export and import a component and use it anywhere in other code files.
Further, we learned how to use a function-based approach and a class-based approach to render an app. The function-based approach is more efficient because it can be achieved with less coding as well as more flexibility.
To first create an app make sure your pc has node js and npm package installed. Then open the command prompt and write npx create-react-app app_name and hit enter. This will take time installing react app from a server and depends on the internet connection as well. After installing react app go to the app’s directory by typing cd app_name and press enter. After this simply type npm start and the app will start.
The above was the simple way to create a react app and start working on it.
So, this week we have a group project and I am also very excited about learning React JS. This is very interesting to learn and to code as well. You have to code just once and export to other files as well and this is React.js.
