Frontend Development

Typescript:

Typescript is a subset of javascript initially developed by microsoft to introduce a type system and plethora of static checking capabilities to the standard javascript toolchain. Typescript reduces potential for runtime errors, improves code readability and testing requirements.

Typescript + React Tutorials:

React Tutorial using TypeScript | Hands on React

Tailwind CSS

Tailwind css are like building blocks for web designers to create their UI. The most popular being https://tailwindui.com/components that show the tailwind styles can be composed to create beautiful looking UI and layouts. Also preline tailwind is Tailwind based set of components that we are using.

Wisdom to absorb:

Tailwind LabsYouTube

Tutorials:

GitHub - epicweb-dev/pixel-perfect-tailwind: Become a better UI designer with Tailwind — intentionally or accidentallyGitHub

Playground:

Tailwind PlayTailwind Play

Next.js

Next.js is one of the popular web frameworks for using react, it supports both client side and server side rendering and can support a wide range of use cases and simplifies the routing routing logic. We use Next.js as our primary web framework for the client side react code.

Tutorial: