✏️ REACT TUTORIAL - BUILDING TODOIST - CUSTOM HOOKS, CONTEXT, FIREBASE & REACT TESTING LIBRARY, SCSS

✏️ REACT TUTORIAL - BUILDING TODOIST - CUSTOM HOOKS, CONTEXT, FIREBASE & REACT TESTING LIBRARY, SCSS

In this video, we're going to be creating the popular Todoist list application (https://todoist.com) from scratch using React (Custom Hooks, Context), Firebase & React Testing Library (unit & integration testing)

In addition to the latter technologies, we will be styling the application using SCSS (CSS) and following the BEM naming methodology. I will also be making sure that this application is fully responsive. In this video I'll also show you how to use Lighthouse (Chrome extension) to make sure your website is fully accessible by getting all accessibility features integrated into our application; this is hugely important! 

We will start by initialising the application using create-react-app as our base, and then start building out the application using React (Custom Hooks, Context), Firebase & React Testing Library (unit & integration testing)! I'm super excited to build this React application (did I mention we will be adding dark mode?!), so let's get going!


Github repo: https://github.com/karlhadwen/todoist (don't forget, you can contribute to this project (highly encouraged!))

Thanks for reading

If you liked this post, share it with all of your programming buddies!

Follow us on Facebook | Twitter

Further reading about React, Redux and Django

React - The Complete Guide (incl Hooks, React Router, Redux)

Modern React with Redux [2019 Update]

Best 50 React Interview Questions for Frontend Developers in 2019

JavaScript Basics Before You Learn React

Microfrontends — Connecting JavaScript frameworks together (React, Angular, Vue etc)

Reactjs vs. Angularjs — Which Is Best For Web Development

React + TypeScript : Why and How

How To Write Better Code in React

React Router: Add the Power of Navigation

Getting started with React Router

Using React Router for optimizing React apps

reactjs javascript web-development firebase

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

ReactJS Web App Development Services

We provide top-notch ReactJS development services to global clients. Hire expert ReactJS developers from top React JS development company, Skenix Infotech.

Why Web Development is Important for your Business

With the rapid development in technology, the old ways to do business have changed completely. A lot more advanced and developed ways are ...

Top Reasons to Choose ReactJS for Web App Development - TopDevelopers.co

ReactJS, a JavaScript library that helps developers to build SEO Friendly web apps. Get to know more about ReactJS and why it is a good option for your next project.

Important Reasons to Hire a Professional Web Development Company

    You name the business and I will tell you how web development can help you promote your business. If it is a startup or you seeking some...

Firebase Realtime Database For Web - Javascript

Firebase Realtime Database For Web - Javascript. Build simple list member app with CRUD operation with firebase firestore and how to implement the real time database.