TLWI TypeScript #9
Hey there, fellow tech enthusiasts! Welcome back to our weekly newsletter, where we bring you the latest and greatest in the world of programming. This week, we've got a whole host of fantastic links to share with you, so let's get started!
First up, we've got a cool new CLI tool for Angular that we think you're going to love. If you're an Angular developer, you're going to want to check this out - it's a fantastic way to streamline your workflow and make your life easier. We won't spoil all the surprises for you, so head on over and give it a try!
Next, we've got an intriguing piece on 'the company of any' in Typescript - important reference. If you've ever worked with Typescript, you'll know that it's a super powerful tool for creating strongly-typed code. In this blog post, the author explores the idea of 'the company of any' and how it can affect the maintainability of your code.
If you're a React developer, you'll definitely want to take a look at this link - Gear up your React codebase with Prettier and ESLint Automation. This article explores how you can use automation tools to streamline your React codebase, making it more maintainable and easier to work with.
We've also got a fantastic article on strongly typed GA4 with Nextjs that we're really excited to share with you. In Part II of this series, the author delves into 'the danger zone' of GA4 integration and shows you how to create a strongly-typed Nextjs app that can handle all of your analytics needs.
Last but not least, we've got a great link on building types from interfaces in TypeScript. If you're new to TypeScript, this is a fantastic primer on how to use interfaces to create strong, maintainable types that can be used throughout your codebase. So give it a read and level up your TypeScript skills today!
That's all for this week, folks - thanks for joining us, and we'll see you again next week with more tech news and updates!
Hot Typescript Articles This Week On Reddit
Our Article Picks
- Aleksei Tsikov: Advanced TypeScript: reinventing lodash.get
- DaniAcu: Tips and Tricks for Typescript to daily use
- KR Tirtho: Nestjs🐺⚡ | The framework of Nodejs (Part-3) | Database Integration, TypeORM
- Vivek Alhat: How to configure TypeScript environment?
- Akshay Pai: Frontend Learning Kit
- Luis Esteban Saravia M: Hexagonal Architecture applied to typescript react project
- Maksim: Data Structures: Bidirectional Map
- Mikhail Grechka: React types you didn't know
- Gonzalo Stoll: Reduce your Redux boilerplate
- Stephan Meijer: Typescript Type Assertions
- Giovanni Cardamone: PolyFull - enhance js capabilities
- Luca Del Puppo: RxJS - Observer and Subscription
- Aya Bouchiha: react-material-ui-carousel
- Luca Del Puppo: RxJS - Observable
- SteveB: Forest Admin is now fully compatible with TypeScript
- Jucian0: Pub-Sub pattern: a brief explanation
- Luca Del Puppo: RxJS - Operators
- Dominik D: React Query Error Handling
- Yuiko Ito: Developed the app which trains your facial expressions: face-api.js + Next.js + TypeScript
- Ankit Tanna: How to create a type for complex JSON object in TypeScript?
- Benoit Ruiz: Why should we learn and use FP?
- bob.js: Angular Konami Code
- Prithpal Sooriya: Advanced TypeScript - typing JSON/Resource files.
- Michael Muscat: RFC: Why Angular needs a composition API
- Tapajyoti Bose: How Pros Get Rid of Relative Imports in JS/TS
- Ruheni Alex: SE Internship Log
- es404020: Typescript Utility Readonly
- Ankur Kedia: Gear up your React codebase with Prettier and ESLint Automation
- Asjad Anis: TypeScript: Custom Type Guards
- es404020: Typescript Utility Pick
- es404020: Merging Interfaces in Typescript
- Junaid Ramzan: How not to include internal code in ts declaration file
- Masui Masanori: [TypeScript] Play my own voice 2
- Benoit Ruiz: What is Functional Programming?
- Ajit Singh: Updates on dev.to clone in Angular - Sept 10
- es404020: Typescript Readonly utility
- Marius Bongarts: 5 Skills You Should Learn Right Away as a Full-Stack Developer
- Adrian Matei: How to access path parameters in angular router
- Juan R. Rodríguez: Responsive design in React components?
- es404020: Typescript Enum
- Gaëtan Redin: Angular for everyone: ControlValueAccessor once for all thanks to Typescript mixin
- Agustin Vazquez: The company of any in Typescript
- Vic Shóstak: 🤷♂️ 🤷♀️ Vue 3 error with using TypeScript: property X does not exist on type 'EventTarget'
- Alberto Tejero: Angular + Testing Library + Jest
- Ricardo Borges: OOP Concepts in practice using TypeScript
- Jordan Harrison: A Summer's Work... Redesigning WIT's Tutors Open Source Software Using DaisyUI
- Ricardo Paul: Typescript : Type guards simply explained.
- Japroz Saini: Backend Dockerfile Setup
- Ankit Tanna: TypeScript - Build Types from Interfaces
- Benoit Ruiz: Introduction
- Kevin Murphy: Gnarly Learnings from August
- Andrew Ross: Strongly Typed GA4 with Nextjs Part II - Danger Zone
- Ivan Zadivar: How to setup email verification in Feathers.js - Frontend using Vue.js
- Adrian Matei: How to set query parameters in angular rest call
- es404020: Typescript Record utility
- Yann L: Angular library with demo project
- Mohd Ahmad: Conditional types in typescript react
- es404020: Typescript Merging Namespaces
- Marius Bongarts: Prevent Duplicated TypeScript Code
- Artikel Kecantikan: Teach Me to Learn This!
Our Repo Picks
- lootproject/website (TypeScript): Loot Project website
- solana-labs/dapp-scaffold (TypeScript): Scaffolding for a dapp built on Solana
- solana-labs/token-list (TypeScript): The community maintained Solana token registry
- withfig/autocomplete (TypeScript): Fig adds autocomplete to your terminal.
- streamich/react-use (TypeScript): React Hooks — 👍
- aws-amplify/amplify-cli (TypeScript): The AWS Amplify CLI is a toolchain for simplifying serverless web and mobile development.
- solana-labs/example-helloworld (TypeScript): Hello world on Solana
- angular/angular-cli (TypeScript): CLI tool for Angular
- microsoft/vscode (TypeScript): Visual Studio Code
- TinkoffCreditSystems/taiga-ui (TypeScript): Angular UI Kit and components library for awesome people
- CopyTranslator/CopyTranslator (TypeScript): Foreign language reading and translation assistant based on copy and translate.
- excalidraw/excalidraw (TypeScript): Virtual whiteboard for sketching hand-drawn like diagrams
- bespoyasov/frontend-clean-architecture (TypeScript): React + TypeScript app built using clean architecture principles.
- Saul-Mirone/milkdown (TypeScript): 🍼 Plugin driven WYSIWYG markdown editor framework.
- wechat-miniprogram/weui-miniprogram (TypeScript): 小程序 WeUI 组件库
- lahmatiy/react-render-tracker (TypeScript): React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts
- any86/any-rule (TypeScript): 🦕 常用正则大全, 支持 web / vscode / idea / Alfred Workflow 多平台
- baidu/amis (TypeScript): 前端低代码框架，通过 JSON 配置就能生成各种页面。
- pavlobu/deskreen (TypeScript): Deskreen turns any device with a web browser into a secondary screen for your computer
- Uniswap/uniswap-interface (TypeScript): 🦄 An open source interface for the Uniswap protocol
- ant-design/ant-design (TypeScript): An enterprise-class UI design language and React UI library
- solana-labs/wallet-adapter (TypeScript): Modular TypeScript wallet adapters and components for Solana applications.
The Last Week In TypeScript is a weekly roundup for all things Typescript! Follow me on Twitter for more projects @dennisokeeffe92.
Subscribe to my personal newsletter to get updates on TheLastWeekIn.Dev + more! 🦄