Kamran Ahmed
3 years ago
parent
68fc45104d
commit
1b9bb03cde
19 changed files with 42 additions and 10 deletions
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/HiBDZgTNpXY" title="All about HTTP Caching" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/n3NKGsM3iEw" title="Arrays and Objects in JavaScript" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/6DXEPcXKQNY" title="Content Delivery Networks" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/Wj0od2ag5sk" title="DNS and how does it work?" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/7lxgpKh_fRY" title="DNS Records" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/O3uT2l6vgZ8" title="Freeze and Seal in JavaScript" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/lgaxU7CRmxU" title="How to use CSS Variables?" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/nyKZTKQS_EQ" title="Automate with GitHub Actions" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/-ZI0ea5O2oA" title="JavaScript Fetch API" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/galcDRNd5Ow" title="Load Balancers 101" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/dV8mjZd1OtU" title="OSI Model Explained" /> |
||||
@ -0,0 +1,24 @@ |
||||
In this short series of lessons, we are going to create a react app from scratch. We are mainly going to use React and Chakra UI and see how we can build an application that fetches the trending projects from GitHub's API and shows you in the form of listing. |
||||
|
||||
If you want to get an idea of what we are going to be building have a look at [GitHunt](https://kamranahmed.info/githunt). Also the complete source code can be found at [@kamranahmedse/githunt](https://github.com/kamranahmedse/githunt) |
||||
|
||||
## Intro and Basic Setup |
||||
The video below gives you the basic introduction about the project and explains what we are going to build. |
||||
|
||||
<iframe src="https://www.youtube.com/embed/NyG7YJWJd6s" title="Practical Introduction to React Part 1" /> |
||||
|
||||
## Building the Interface |
||||
In this second lesson we are going to create all the required components and the UI using Chakra UI and in the next lesson of this series we are going to start adding interactivity to our application. |
||||
|
||||
<iframe src="https://www.youtube.com/embed/zPqzKqjtEL4" title="Practical Introduction to React Part 1" /> |
||||
|
||||
## Building the View Switcher |
||||
In this lesson we start adding interactivity to the interface. We will be building the view switcher where you can switch between the "Grid View" and the "List View" and in the next and last lesson of the series, we are going to integrate GitHub API and show the repositories. |
||||
|
||||
<iframe src="https://www.youtube.com/embed/EYzPJsJwjFg" title="Practical Introduction to React Part 1" /> |
||||
|
||||
## Fetching Remote Data |
||||
|
||||
Below is the final lesson where we complete the application by integrating the GitHub API to make the data dynamic. |
||||
|
||||
<iframe src="https://www.youtube.com/embed/G2IbP9B_4PU" title="Practical Introduction to React Part 1" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/BvrkobaCVVE" title="All about Promises in JavaScript" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/a2rcgzludDU" title="Scaling the Unscalable" /> |
||||
@ -1,10 +1 @@ |
||||
System Design is a broad topic. In this video, we discuss all the bits and pieces of System Design; we will not be going |
||||
in depth of each of the topic but this is to give you a high level overview of all the pieces involved. The topics |
||||
covered in this video include: |
||||
|
||||
<PremiumBlock |
||||
title='Premium Video' |
||||
description='This content is available only for the paid members.' |
||||
/> |
||||
|
||||
If you liked this video, you are going to love our [YouTube Channel](https://youtube.com/theroadmap?sub_confirmation=1). |
||||
<iframe src="https://www.youtube.com/embed/Y-Gl4HEyeUQ" title="System Design 101" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/F5rni9fr1yE" title="TCP/IP Model Explained" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/37AFBZv4_6Y" title="Transport Protocols: TCP vs UDP" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/0yc2UANSDiw" title="What is Dependency Injection?" /> |
||||
@ -0,0 +1 @@ |
||||
<iframe src="https://www.youtube.com/embed/7Tok22qxPzQ" title="DOM, Shadow DOM, Virtual DOM" /> |
||||
Loading…
Reference in new issue