HOT

Advanced React TypeScript Redux StyledComponents: Sudoku App

Development

Rating4.5
Enroll Now

Advanced React TypeScript Redux StyledComponents: Sudoku App, available at $24.99, has an average rating of 4.45, with 47 lectures, 2 quizzes, based on 235 reviews, and has 1678 subscribers.

You will learn about How to build a Complete ReactJS Application Structuring Code and Implementing Best Practices TypeScript with ReactJS & Redux React Hooks Styled Components with Theme Implementation Mobile Friendly Development Offline Mode using Service Workers Unit Testing Functions with Jest This course is ideal for individuals who are Beginner ReactJS developers looking to Level Up! It is particularly useful for Beginner ReactJS developers looking to Level Up!.

Enroll now: Advanced React TypeScript Redux StyledComponents: Sudoku App

Summary

Title: Advanced React TypeScript Redux StyledComponents: Sudoku App

Price: $24.99

Average Rating: 4.45

Number of Lectures: 47

Number of Quizzes: 2

Number of Published Lectures: 47

Number of Published Quizzes: 2

Number of Curriculum Items: 49

Number of Published Curriculum Objects: 49

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

  • How to build a Complete ReactJS Application
  • Structuring Code and Implementing Best Practices
  • TypeScript with ReactJS & Redux
  • React Hooks
  • Styled Components with Theme Implementation
  • Mobile Friendly Development
  • Offline Mode using Service Workers
  • Unit Testing Functions with Jest

Who Should Attend

  • Beginner ReactJS developers looking to Level Up!

Target Audiences

  • Beginner ReactJS developers looking to Level Up!

IMPORTANT NOTICE

This course is relatively out of date and since it is part of the Udemy Business Collection I can’t delist it before mid 2023. Please understand that by purchasing this course you might experience using out of date libraries or non backwards compatible changes when using newer versions of the libraries used in this course.

Are you a beginner React Developer looking to Level Up?

Would you like to learn how to build a fully functioning React application from Scratch?

In this course you’ll learn how to make a Sudoku Application that’s worth showing off to friends, family and potential employers. You will work with ReactJS, TypeScript, Redux, React Hooks, Styled Components, Jest, Service Workers and more!

Once you’re finished you will have a fully functioning Mobile-Friendly Offline-Capable app that’s built optimally with a clean, readable and well performing code base.

You will learn best practices along with seeing the methodology of building a full application piece by piece!

Don’t stress if you don’t know how to play Sudoku, it’s quick to figure out and this course will explain it early on.

Disclaimer:

create-react-apphas been updated since this course was first recorded so the service workers portion of this course has been removed if you start building a new app from scratch. However if you want to experience that part of this course you can start from the GitHub links provided instead of starting from scratch.

It is also worth noting that this is not for complete beginners! We do assume you have a basic working experience with React. If you’re brand new to React, do some foundation learning before picking up this course. Most negative reviews for this course come from learners who didn’t read this part of the course description.

Course Curriculum

Chapter 1: Introduction & Setup

Lecture 1: Introduction

Lecture 2: Required Downloads for Setup

Lecture 3: Create React App

Lecture 4: Resource Files

Lecture 5: Scripts Explained

Lecture 6: VSCode Extensions

Lecture 7: Prettier

Lecture 8: Structuring Codebase

Chapter 2: Styled Components

Lecture 1: Adding Styled Components

Lecture 2: Using Themes

Lecture 3: More Styled Components

Lecture 4: Card Component

Lecture 5: Grid Component

Lecture 6: Grid Block Component

Lecture 7: Styling Block Component

Lecture 8: Grid Borders

Chapter 3: Sudoku Grid Logic

Lecture 1: Absolute Imports and Types

Lecture 2: Shuffle Algorithm

Lecture 3: Unit Testing

Lecture 4: Check Values

Lecture 5: Modularizing Check Values

Lecture 6: Testing Check Values

Lecture 7: Identify Working Square

Lecture 8: Is In Square

Lecture 9: Check Grid

Lecture 10: Testing Fill Grid

Lecture 11: Create Full Grid

Chapter 4: Redux

Lecture 1: Install Redux DevTools

Lecture 2: Setting Up Redux

Lecture 3: Creating Actions

Lecture 4: Dispatch Create Grid

Lecture 5: Mapping Data

Lecture 6: Selecting Blocks

Lecture 7: Key Bindings

Lecture 8: Selecting Blocks With Keys

Chapter 5: Making The Game

Lecture 1: Remove Numbers

Lecture 2: Copy Grid

Lecture 3: Solve Grid

Lecture 4: Challenge Grid

Lecture 5: Fill Grid Redux

Lecture 6: Fill Grid Key Bindings

Chapter 6: Final Touches

Lecture 1: Styled Button

Lecture 2: Number Buttons

Lecture 3: Button Mapping

Lecture 4: New Game

Lecture 5: Persist State

Lecture 6: Play The Game

Instructors

Rating Distribution

  • 1 stars: 6 votes
  • 2 stars: 13 votes
  • 3 stars: 35 votes
  • 4 stars: 75 votes
  • 5 stars: 106 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Masterclass: AI-Powered Marketing with Vincent Sider

350+ Hotel Marketing Tactics – Recover From This Crisis Now

ChatGPT for Social Media and Digital Marketing: Workshop