Written by BLOGDAY Updated at Oct 10, 2024 | Reading time: 3
The stack you will use: React (custom hooks, useContext, useState, useEffect, useRef), Firebase (Firestore/auth), Tailwind CSS.
In this React Tutorial, we will build an Instagram clone! This React project has multiple pages: login, sign up, dashboard (to view/like/comment on photos), and user profiles.
The sign-in page will connect to Firebase when a user tries to sign in, and when a user signs up, we will use Firebase auth to store the user in the Firebase auth database. I built this application using React, JavaScript, Firebase and for styling I used Tailwind CSS (which is amazing).
You will need knowledge of React to not struggle on this tutorial (useState, useEffect, useContext) and you will need some knowledge of JavaScript to get you by.
You need to have basic knowledge of HTML, CSS and Javascript.
Everyone who wants to advance their full stack developer skills with work experience of building real applications in a developer environment should enroll in this program.
During the course we are going to use latest version of React - React 18.
As far as concepts we are going to cover
Firebase Authentication
Functional React components
React hooks like useState() and useEffect()
Handling user events
JSX and Rendering templates
Props and State
Creating and organising components
Building real-world React applications
Nov 14, 2024 | Arabic blog
Nov 14, 2024 | Business & Entrepreneurship
Nov 12, 2024 | Cybersecurity
Nov 12, 2024 | Web Development
Nov 10, 2024 | Arabic blog
Niche selection: Identify a specific niche or topic for your channel. Choos...
Read moreAn online course called Ali Abdaal's Part-time YouTuber Academy Course was...
Read moreProtect Your Cryptos Prevent Hackers from Getting your Bitcoin Increase y...
Read moreYour Beginner's Guide to Starting A Print On Demand Store An Introduction...
Read more