DEV Community

Alex Gurr
Alex Gurr

Posted on • Edited on

6 2

Spootify. The latest reactJS coding challenge in react-coding-challenges on GitHub.

Hello! My name's Alex and I built the react-coding-challenges collection on GitHub. Find them here.

So what are the coding challenges? They are a series of small incomplete React apps you can use to test yourself in a variety of ways, or for example, as small code challenges for interview candidates. Get more information and deep dive in this dev post.

Today I'm excited to announce the latest challenge, Spootify. A basic Spotify clone, designed to test you around API consumption and loading state. Check it specifically out here or head over to the main code challenges repository. All UI/UX was done by me from scratch.

If you need access to the coding solutions, you can get an invite here.

screenshot

Top comments (3)

Collapse
 
alexstaroselsky profile image
Alexander Staroselsky • Edited

Looks like a fun challenge. Be careful not to expose your client secret accidentally. That includes committing the client secret to source code or deploying the application. client_credentials auth flow is meant to be done on a server given the use of client secret.

Collapse
 
fatemamandsourwala profile image
Fatema Mandsourwala

Hi Alex, I wanted a solution to all 3 levels of this challenge

Collapse
 
alexgurr profile image
Alex Gurr

Hi Fatema. There’s a whole section of the readme about getting access to the solutions. Please take a look there on GitHub. Thanks.

typescript

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay