~hackernoon | Bookmarks (10)

Learn about design systems and their importance in front-end development. Explore Atomic Design methodology introduced by Brad Frost, breaking UI components into reusable blocks like atoms, molecules, and organisms. Discover how design systems promote visual consistency and structure applications for front-end engineers. No prerequisites required, but familiarity with React.js and TypeScript is recommended.

This comprehensive guide takes you through TypeScript's basics to advanced concepts like generics, modules, and decorators, enabling you to build organized and scalable codebases for modern web development projects.

I'm sure you have come across something like, you don't need Lodash, Underscore or Ramda, but this is the opposite.

Coding Interview Questions are designed to go beyond technical skills. They delve deeper into a developer's thought process, problem-solving approach, teamwork abilities, and other crucial qualities. These questions are not for the faint of heart. The questions are compiled by Coder.com's Coding Interview Questionnaire team.

Within the JavaScript ecosystem and, more specifically, in applications developed with Next.js, one of the most prominent libraries for handling authentication is NextAuth.js. This tool offers a simple and easy-to-implement solution for adding authentication to our applications. The best thing is its flexibility; it allows the integration of different authentication providers such as Google, Facebook, and Twitter, in addition to credential-based authentication, such as...

This article explores the challenges of data serialization in TypeScript when using the JSON format. It particularly focuses on the shortcomings of JSON.stringify and JSON.parse functions. To address these issues, it suggests the use of JSONCompatible type to verify if a type T can be safely serialized to JSON. Furthermore, it recommends the Superstruct library for safe deserialization from JSON. This method improves type...

Managing pop-up dialogs in React apps can be complex and cumbersome, leading to performance issues and bloated code. This comprehensive guide offers a structured solution using hooks, context, lazy loading, and Suspense to streamline dialog management, enhance performance, and maintain clean, scalable code. By centralizing dialog control and leveraging asynchronous loading, developers can improve user experience and simplify development and maintenance workflows in React...

Unlock the potential of JSDoc and TypeScript synergy to elevate JavaScript code. Dive into effective typing without a complete TypeScript shift, utilizing tools for gradual enhancement. Explore benefits, pitfalls, and discover a balanced approach for seamless development.

Welcome to this comprehensive guide where we'll build a Web3 Decentralized Charity Platform using Next.js, Solidity, and TypeScript. By the end of this tutorial, you'll have a clear understanding of: