Relatable Code

Share this post

Creating a Guided Tour in React and looking a free Typescript course

relatablecode.substack.com

Creating a Guided Tour in React and looking a free Typescript course

Guided tours are awesome for giving a user a brief summary on how to use an application, React Joyride simplifies this process

Diego Ballesteros
Sep 26, 2022
Share this post

Creating a Guided Tour in React and looking a free Typescript course

relatablecode.substack.com


Making apps that have a ton of features can overwhelm the user at first glance. One standard solution is creating a guided tour of an application’s features.

This isn’t groundbreaking by any means but it’s a pattern you’ve probably experienced using the internet at some point.

The background fades and a next-dialog guides you to every important feature.

React joyride facilitates this process. Check out the project here:
https://github.com/gilbarbara/react-joyride

Twitter avatar for @GabrielVergnaud
Gabriel Vergnaud @GabrielVergnaud
SO excited to finally announce... 🔥 Type-Level TypeScript 🔥 The type system of #TypeScript is a *real* programming language. Here is an online course to discover its most advanced features and how to unleash its full potential! 👉 type-level-typescript.com 🎉 Learn more 🧵👇
11:31 AM ∙ Sep 20, 2022
1,194Likes275Retweets

I have been a massive advocate for Typescript for a long time. It can save many hours of a developer’s time by explicitly declaring types.

But it also has a ton of benefits others don’t mention. When returning to a project with Typescript, it is easier to understand the intention in particular lines of code. I can’t count the number of times I would go back to old code and be completely confused about what I was trying to do. 😅

As a follow-up to that, this guide created by Gabriel Vergnaud covers a ton of intermediate topics in Typescript. It’s still a WIP but I recommend checking it out.

📦 More interesting Articles

⚛ React

  • What’s New in Gatsby 2022?

  • useSyncExternalStore

  • Create guided tours in React

  • System design in Netflix

🔧 Other

  • JavaScript APIs You Don’t Know About

  • Best practices for creating a modern NPM package

  • Why the type=”number” Input is the Worst Input

  • What’s new with Forms in 2022?

  • Create a timeline with markdown

Share this post

Creating a Guided Tour in React and looking a free Typescript course

relatablecode.substack.com
Comments
TopNew

No posts

Ready for more?

© 2023 Diego Ballesteros
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing