Best of TypeScript — November 2023

1. 1
   Article

   asayer·3y

   JSDoc: a solid alternative to TypeScript

   JSDoc is a solid alternative to TypeScript that provides static typing and scalability for JavaScript code without the need for transpilation. It offers flexibility, code annotation, and no compilation step, while still allowing for improved code maintainability and understanding. JSDoc can be used to add types to values, objects, arrays, functions, and classes, as well as improve code documentation with features like code authors, example usage, versioning, and helpful links. JSDoc files can be converted into documentation websites or TypeScript declaration files (.d.ts) for integration with TypeScript projects.

   248

   21
2. 2
   Article

   Community Picks·2y

   State of JavaScript 2023

   JavaScript is expanding its reach beyond the browser with features like React Server Components and frameworks like Solid and Qwik. The survey aims to measure awareness and popularity of JavaScript features and libraries.

   211
3. 3
   Article

   asayer·3y

   Best Practices for Security in Next.js

   Explore common security vulnerabilities in web applications and learn best practices for securing Next.js applications, including keeping dependencies up-to-date, input validation, authentication and authorization, data encryption, implementing security headers, and using TypeScript for type safety.

   175

   2
4. 4
   Article

   Typescript·2y

   Announcing TypeScript 5.3

   TypeScript 5.3 has been released with various new features, including import attributes, support for `resolution-mode` in import types, narrowing on comparisons to booleans, `instanceof` narrowing through `Symbol.hasInstance`, checks for `super` property accesses on instance fields, interactive inlay hints for types, settings to prefer `type` auto-imports, optimizations by skipping JSDoc parsing, optimizations by comparing non-normalized intersections, and consolidation between `tsserverlibrary.js` and `typescript.js`.

   117

   2
5. 5
   Article

   freeCodeCamp·3y

   How to Use TypeScript with React

   Learn how to use TypeScript with React. Install TypeScript on your machine and create a Vite project using React and TypeScript. Write React components with TypeScript and define prop types using interfaces or types. Make API calls and store the data in state. Display the data on the UI and handle loading and change events. Explore advanced topics like handling nested properties and separating type declarations into separate files.

   74

   1
6. 6
   Article

   Angular·3y

   Introducing Angular v17

   Angular v17 introduces new features including deferrable views and built-in control flow. The framework has a fresh new look and a new home for documentation at angular.dev. The built-in control flow feature offers better syntax, type checking, and performance improvements. Deferrable views enable lazy loading with a simple declarative code. The future plans for deferrable views include server-side rendering and partial hydration on the client. SSR and hydration are now enabled by default in new Angular apps. The Angular CLI has improved support for deployment to cloud platforms like Firebase.

   65

   3
7. 7
   Article

   Bits and Pieces·2y

   Using TypeScript Decorators in Practise

   TypeScript decorators provide a powerful mechanism for enhancing and modifying the behavior of classes and their components. They offer extensive decoration capabilities, legacy support for parameter decoration, and robust type checking. There are five main categories of decorators: class decorators, method decorators, property decorators, accessor decorators, and auto-accessor decorators. Method decorators can be used to log method calls.

   64
8. 8
   Article

   Community Picks·3y

   React Native — Coding Standards & Structure

   This article provides coding standards and best practices for React Native development, including rules for declaring variables, naming conventions for components, the importance of using interfaces in TypeScript, organizing source files, importing and exporting modules, styling guidelines, consistency with arrow functions, usage of hooks API and selectors, and establishing a folder structure for a React Native project.

   48
9. 9
   Article

   Prettier·3y

   Prettier 3.1: New experimental ternaries formatting and Angular control flow syntax! · Prettier

   Prettier 3.1 introduces new features such as experimental ternaries formatting and support for control flow syntax in Angular. It also includes various bug fixes and improvements.

   34
10. 10
    Article

    Bits and Pieces·3y

    Best Practices in Validating Forms in JavaScript

    Ensure data accuracy and security in web forms by following these 8 best practices in JavaScript form validation.

    33
11. 11
    Article

    Bits and Pieces·2y

    How to Use The Proxy Design Pattern in React?

    Learn how to use the Proxy Design Pattern in React to enhance performance, improve security, and optimize data management. Control access to objects, cache data, and more.

    29
12. 12
    Article

    This is Angular·3y

    4 Laws of RxJS Observables

    This article discusses the 4 Laws of RxJS Observables, including their laziness, unicast and multicast behavior, and the role of Subjects. It also mentions the possibility of making RxJS optional in the future.

    25
13. 13
    Article

    Community Picks·3y

    The TypeScript Rap - Music Video

    TypeScript TV is a language that offers powerful syntax and features. It is recommended to start learning TypeScript today.

    23

    4
14. 14
    Article

    Bun·2y

    Bun v1.0.14

    Bun v1.0.14 introduces Bun.Glob, a fast API for matching files and strings using glob patterns. It also fixes a race condition when extracting dependencies during bun install, improves TypeScript module resolution in node_modules, and makes error messages easier to read.

    21
15. 15
    Article

    Medium·2y

    A Modern Approach for Angular Development

    Learn about Bit, a modern solution for component isolation in Angular development. Discover the benefits of app composability and how to integrate Bit into your Angular project. Simplify component management, improve collaboration, and enhance productivity.

    19
16. 16
    Article

    Typescript·3y

    Announcing TypeScript 5.3 RC

    TypeScript 5.3 has been released with new features such as import attributes, stable support for resolution-mode in import types, narrowing based on conditions in switch statements, and more. It also includes optimizations such as skipping JSDoc parsing and comparing non-normalized intersections. The tsserverlibrary.js and typescript.js bundles have been consolidated, resulting in a reduction in package size.

    19