Best of TypeScript — October 2023
- 1
- 2
- 3
ITNEXT·3y
Full stack WebPageForm builder, NextJs, Typescript ( React ), Dnd-Kit, PostgreSQL, Prisma
A tutorial on building a full stack PageForm builder using NextJs, TypeScript, Dnd-Kit, PostgreSQL, and Prisma. The tutorial includes features such as a drag and drop designer, various form fields, form preview, form sharing, form stats, and more.
- 4
- 5
Towards Dev·3y
Asynchronous JavaScript
This article explores the world of asynchronous JavaScript and how it can be managed using promises and the elegant async/await syntax. It discusses the concept of asynchronous actions in JavaScript, the use of async/await keywords, the need for error handling in async/await, and the execution order of asynchronous code. With the right tools and understanding, developers can write readable and maintainable asynchronous code in JavaScript.
- 6
habr·3y
React Custom Hook: useStorage
Discover the potential of React custom hooks with a focus on the 'useStorage' hook. It provides convenient functions for storing and retrieving data in the browser's local or session storage. The hook handles serialization, deserialization, and automatic synchronization with the component's state. The remove function allows for easy deletion of stored values. Use the hook in various scenarios, such as persisting user preferences in a settings panel.
- 7
Why TypeScript?
TypeScript is a syntactic superset of JavaScript that adds static typing. It makes code more self-documenting and allows developers to explore how packages can be used. However, it has a learning curve, requires an additional compilation step, and its type definitions may not always be perfect. It is seen as an investment for future-proofing applications.
- 8
- 9
React Custom Hook: useTimeout
Learn about the useTimeout hook in React, which allows for easy setting, clearing, and resetting of timeouts within a component. The hook ensures that the callback function remains up to date and optimizes performance by memoizing certain functions. It can be used in various scenarios where timed actions are required.
- 10
Hacker News·3y
The open-source React.js LLM Agent
The open-source React.js LLM Agent is an experiment to make GPT-4 more useful for web development. It generates and composes multiple React components based on user stories and atomic design principles. It uses technologies such as React, TailwindCSS, Typescript, and Radix UI, and it is completely open-sourced.
- 11
- 12
- 13
freeCodeCamp·3y
How to Build a Digital Products Store with Medusa and Next.js
Learn how to build an e-book online store using Medusa and Next.js. The tutorial covers topics such as setting up TypeScript type definitions, incorporating e-book previews into the product details, simplifying the checkout process for digital products, and delivering digital products to customers.
- 14
Community Picks·3y
vercel/ncc: Compile a Node.js project into a single file. Supports TypeScript, binary addons, dynamic requires.
ncc is a CLI tool for compiling a Node.js module into a single file, with the motivation of publishing minimal packages to npm and shipping relevant app code to serverless environments. It has zero configuration and built-in support for TypeScript.
- 15
- 16
Pointer·3y
formbricks/formbricks: Open Source Surveys & Experience Management Solution
Formbricks is an open-source survey and experience management solution for fast-growing companies. It helps make customer-centric decisions based on data by allowing users to create in-product micro-surveys, choose from pre-made templates, target specific user groups, and integrate with various tools. Formbricks is built using TypeScript and other open-source technologies.
- 17
Ultrafast web framework for the Edges
Hono is a small, simple, and ultrafast web framework for the Edges. It works on various JavaScript runtimes and is known for its speed, lightweightness, and support for multiple routers. It has built-in middleware and helpers, and provides a delightful developer experience.
- 18
Typescript·3y
Announcing TypeScript 5.3 Beta
TypeScript 5.3 Beta has been announced, introducing new features such as import attributes, narrowing based on comparisons, and interactive inlay hints for types. It also includes optimizations in JSDoc parsing and non-normalized intersections. The release consolidates the tsserverlibrary.js and typescript.js bundles, resulting in a reduction in package size. TypeScript 5.3 is feature-stable and will focus on bug fixes and polishing before the stable release.
- 19
- 20
Angular Advanced Signals
Angular Advanced Signals introduces a simplified reactivity model that can be used to create performant, predictable reactive code. Signals can be updated in an effect using either the 'untracked' method or using 'async/await' functions. Computed signals provide a readable signal and are ideal for most use cases.
