Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tidbitsjs/epic-react


https://github.com/tidbitsjs/epic-react

firebase react redux scss

Last synced: 2 days ago
JSON representation

Awesome Lists containing this project

README

        

A repository for tracking advance ReactJS learning with other technologies including - Progressive Web Apps, GrahpQL, Redux, Redux-Saga, Sass, Firebase, Jest, Stripe Payments, Gatsby JS etc.

1. Epic React

Source files from the [epicReact](https://epicreact.dev/) course.

- [React Fundamentals](./epicreact/react-fundamentals)

Learning key points -

- React underthehood ( createElement )
- Babel
- Styles and Forms
- The `Key` issue

- [React Hooks](./epicreact/react-hooks)

Learning key points -

- Hooks: useState, useEffect, useRef
- Tic Tac Toe
- HTTP requests


2. Zero To Mastery

Source files from the [ztmReact](https://academy.zerotomastery.io/p/complete-react-developer-redux-hooks-graphql-zero-to-mastery) course.

- [Monsters](./monsters)

Basic starter project

- [Bazaar](./bazaar)

Advance e-commerce website build with the technology - Redux, Redux-saga, Sass, firebase, stripe, etc.

- [HOC](./hoc)

Simple project to demonstrate how to create HOC i.e. High Order Components

> Note - The firebase setup required for the `Bazaar project` is [here](./firebaseSetup.md).

** Stripe ** - For stripe payments integration, visit [stripe](https://stripe.com/en-in), create an account and get the `publishable key`.