React and Redux with Firebase in Hindi | Sarfaraz Kasmani | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
54 Lessons (6h 14m)
    • 1. Intro

      1:50
    • 2. Code Editor

      1:08
    • 3. Nodejs installation

      1:46
    • 4. ES6 - Overview

      0:20
    • 5. ES6 - let (Optional)

      7:07
    • 6. ES6 - Let vs Const (Optional)

      4:50
    • 7. ES6 - Arrow Function (Optional)

      7:17
    • 8. ES6 - Template String (Optional)

      3:48
    • 9. ES6 - Prototype Methods (Optional)

      4:58
    • 10. ES6 - Classes (Optional)

      3:00
    • 11. ES6 - Spread Operators (Optional)

      5:31
    • 12. React Intro - Overview

      1:49
    • 13. Create React App

      7:21
    • 14. Create react app (windows user)

      6:09
    • 15. Elements

      9:18
    • 16. Jsx

      7:29
    • 17. Components

      8:26
    • 18. Refactor

      4:45
    • 19. State Management Overview

      0:40
    • 20. App resources

      1:50
    • 21. Appsetup

      26:02
    • 22. Component Architecture

      10:50
    • 23. Functional Components

      5:20
    • 24. State Management

      3:37
    • 25. Updating State

      8:14
    • 26. Prop Types

      7:28
    • 27. Lifecycle Methods

      10:06
    • 28. Component navigation

      8:45
    • 29. Brower Router

      2:30
    • 30. Link

      2:10
    • 31. Route

      7:55
    • 32. UI Setup

      12:35
    • 33. Adding photos

      13:59
    • 34. Wrapping up

      3:59
    • 35. Redux Overview

      0:56
    • 36. Redux Theory

      4:35
    • 37. Redux Store

      2:44
    • 38. Reducer

      5:55
    • 39. Connected Component

      15:10
    • 40. Actions

      13:39
    • 41. Redux Updatiing State

      6:29
    • 42. Redux Add Photo(2)

      11:28
    • 43. Redux Dev Tool

      5:25
    • 44. Add Comment Page UI Setup

      21:29
    • 45. Adding Comments

      12:34
    • 46. Selectively Loading Comments

      11:58
    • 47. Comment Count

      5:46
    • 48. Firebase Overview

      0:29
    • 49. Updating Database

      7:18
    • 50. Firebase Fetching allphotos

      9:05
    • 51. Removing Photos

      4:05
    • 52. Saving Comments

      6:25
    • 53. Loading Comments

      9:30
    • 54. Wrapping up

      6:10

About This Class

React has rapidly become one of the most powerful tools for building Web Applications. Top sites using React include Facebook, Twitter, Netflix, Airbnb, and more!

95e28363

This course will show you how to:

  • Build a sophisticated Photoframe Web Application with React, Redux and CSS
  • Use Redux to manage your data, make it more predictable and easier to debug.
  • Connect your application to Firebase, a powerful database.
  • Use React Router to navigate through your application
  • Create Class Components
  • Use JSX to build your User Interface
  • Use Props to pass Data
  • Compartmentalise your web page into Components
  • Update Component State to ensure responsive and interactive applications.

No experience required. This course is designed to take students with no programming/web development experience to accomplished React developers.

This course also comes with all the source code and friendly support in the Comments area.

What you’ll learn

  • Learn the modern way of building web applications
  • Master React's Compositional Model
  • Build an Web App from the ground up!
  • Build Interactive Web Pages with self-contained Components
  • Manage your Application's Data with Redux
  • Get web development jobs on freelancer sites

Are there any course requirements or prerequisites?

  • No web development experience required. This course is designed to take students with no programming/web development experience to accomplished React developers.

Who this course is for:

  • Web Developers
  • Front-End Developers

10

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Sarfaraz Kasmani

Front End Developer and Digital Marketer

I am Sarfaraz Kasmani a Front End Developer and Digital Marketer from Mumbai, India. I am having more than 7 years of experience in the field of Front End Development and Digital Marketing .

I'm excited to be here and to help people in becoming more experienced in the most interesting and powerful field in the world.

I love to teach!

See full profile

Report class