TLWI TypeScript #60
thelastweekin.dev
Hello, and welcome back to our weekly newsletter! We are thrilled to share with you some exciting news and resources from the world of tech and development.
First up, we have the release of tsParticles 2.8.0, a particle animation library for developers. With this new update, you can now customize particle shape gradients and create dynamic backgrounds with ease. Whether you're working on a personal project or a professional one, this library is definitely worth checking out.
Next on our list is a step-by-step text to speech tutorial using RxJS and Angular
We then have a tutorial on how to build a music player with YouTube IFrame Player API
If you're a React developer, you'll definitely want to check out this article on the main challenges a React form library should solve
Lastly, we have a game-changing drag and drop Visual CMS for React, Vue, Angular, and more
That's it for this week's newsletter! Stay tuned for more exciting news and resources coming your way next week.
Dennis
Our Article Picks
- Steve Sewell: Safe Data Fetching in Modern JavaScript
- Liam Hall: Understanding and Utilising TypeScript, by example
- Simon: Fetch with Typescript for better HTTP API Clients
- Afonso Barracha: NestJS Authentication with OAuth2.0: Configuration and Operations
- JoelBonetR: AI generated the 90% of this post
- Steve Sewell: Better Configuration in TypeScript with the
satisfies
Operator - Mikhail Karan: Full-Stack Development Has Changed In 2023
- Dhravya: Deploy your functions and use them everywhere⚡⚡
- Matteo Bruni: tsParticles 2.8.0 Released
- Connie Leung: Text to speech tutorial using RxJS and Angular
- Haroon Khan: Building your own CDN under 5 minutes
- Antoine Coulon: Exploring the latest features of Skott: road to V1
- Kerisnarendra: Visitor Pattern in Typescript
- Devyank Nagpal: TypeScript Being a Good Boy
- Ayush Agarwal: Angular Templates: The Key to Building Dynamic and Responsive User Interfaces
- Wes Souza: 'B' is assignable to the constraint of type 'T', but 'T' could be instantiated with a different subtype of constraint 'A'.
- Julie Gladden: What are services in Angular? And how in the world do I use them?
- Pankaj kumar: how much time do you dedicate to regularly refactoring your code?
- Olubisi Idris Ayinde💡: Easily Create An NFT App Using The New Infura NFT SDK TypeScript
- EliasChen: Build a music player with YouTube IFrame Player API
- Vyacheslav Chub: Tackling breaking changes using Nx Workspace generators.
- Sebastien Lorber: This Week In React #131: useReducer, Controlled Inputs, Async React, DevTools, React-Query, Storybook, Remix, RN , Expo...
- Rodney Lab: Getting Started with Deno Fresh & the Platform
- JS: Typescript: best type checking for the best type safety
- Bogdan Sikora: Crop and Upload Image Service
- LuisPa: Mastering JavaScript Generators: Understanding and Using the Power of Pausable Functions
- Francisco Mendes: React Form Validation using Custom useForm hook and Superstruct
- Mostafa Milly: Order React components using flex order
- ariburaco: Authentication with Firebase in NextJS, with SSR!
- Md Mostafizur Rahman: How to make a Rating Component with React & Typescript
- Ambuj sahu: The never type in typescript
- Rodney Lab: Deno Fresh Stack: fast SSR with Web Standards
- Michael Di Prisco: My Journey in Open Source - conditional-fn
- Peter Mbanugo: The Main Challenges a React Form Library Should Solve
- Pankaj kumar: WHAT IS CODE REFACTORING PROCESS
- Gassai Hamza: How I created a directive in Angular that renders components only if user is authorized?
- Zakaria EL AISSAOUI: React: best practices and design patterns
- Ivan Zaldivar: Don't use Enums in Typescript, they are very dangerous 😨
- Jacopo Marrone: Publish a Typescript React library to NPM in a monorepo
- cedric karungu: Publish a npm package using next.js and typescript
- ardsh: Implementing Cursor Pagination with tRPC queries
- JSTools Weekly: JSTools Weekly - 2023#2
- ardsh: Solving the overfetching problem with tRPC when rendering tables (Pt. 1)
- Julio Santacruz: Typescript for noobs
- Jono M: Functional immutable game state
- Deep: 5 Must-Know Features in JavaScript ES2022: Enhance Your Code and Boost Your Productivity
- Matt Angelosanto: Applying SOLID principles to TypeScript
- Masui Masanori: [TypeScript] Select HTMLElements by tabindex
- ben.: Easily Validate Your Node.js Inputs with Zod
- psecuresystem: [Episode 0]: Introduction to Quantum Computing
- Emmanuel Kelechi Igwesi: Property 'id' does not exist on type 'string | JwtPayload' [duplicate]
- Blake Lamb: TypeScript's "Omit" Utility Type
- Alan Pereira: Adicionando o Prettier ao seu projeto JavaScript/TypeScript
- Raphael Titsworth-Morin: The Chewy Stack
- KID-joker: How to keep the type of storage value unchanged?
- Elham Najeebullah: React & TypeScript: useReducer Hook
- Ahmada Khalid: Balancing Speed and Thoroughness: Best Practices for Reviewing and Approving Pull Requests
- Afonso Barracha: NestJS Authentication with OAuth2.0: Express Local OAuth REST API
- Braden Napier: Creating Singleton Classes with Typescript and Proxies
- Elham Najeebullah: React & TypeScript: useCallback Hook
Our Repo Picks
- cloudflare/wildebeest (TypeScript): Wildebeest is an ActivityPub and Mastodon-compatible server
- t3-oss/create-t3-app (TypeScript): The best way to start a full-stack, typesafe Next.js app
- nuxt/nuxt (TypeScript): Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3.
- novuhq/novu (TypeScript): The open-source notification infrastructure for products. Add a notification center for your React, Vue and Angular apps 🚀
- trpc/trpc (TypeScript): 🧙♀️ Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
- facebook/docusaurus (TypeScript): Easy to maintain open source documentation websites.
- misskey-dev/misskey (TypeScript): 🌎 An interplanetary microblogging platform 🚀
- remix-run/remix (TypeScript): Build Better Websites. Create modern, resilient user experiences with web fundamentals.
- BuilderIO/builder (TypeScript): Drag and drop Visual CMS for React, Vue, Angular, and more
- microsoft/TypeScript (TypeScript): TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
- tremorlabs/tremor (TypeScript): The react library to build dashboards fast.
- wbkd/react-flow (TypeScript): Highly customizable library for building an interactive node-based UI, workflow editor, flow chart or static diagram
- typescript-eslint/typescript-eslint (TypeScript): ✨ Monorepo for all the tooling which enables ESLint to support TypeScript
- pi-apps/demo (TypeScript): undefined
- refinedev/refine (TypeScript): Build your React-based CRUD applications, without constraints.
- microsoft/vscode (TypeScript): Visual Studio Code
- artf/grapesjs (TypeScript): Free and Open source Web Builder Framework. Next generation tool for building templates without coding
- renovatebot/renovate (TypeScript): Universal dependency update tool that fits into your workflows.
- n8n-io/n8n (TypeScript): Free and source-available fair-code licensed workflow automation tool. Easily automate tasks across different services.
- microsoft/azure-pipelines-tasks (TypeScript): Tasks for Azure Pipelines
- radix-ui/primitives (TypeScript): Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
- mantinedev/mantine (TypeScript): React components library with native dark theme support
- withastro/astro (TypeScript): Build faster websites with Astro's next-gen island architecture 🏝✨
- chakra-ui/chakra-ui (TypeScript): ⚡️ Simple, Modular & Accessible UI Components for your React Applications
- changesets/changesets (TypeScript): 🦋 A way to manage your versioning and changelogs with a focus on monorepos
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! 🦄