TLWI TypeScript #7
thelastweekin.dev
Hey there, tech enthusiasts! Welcome to this week's edition of our newsletter, where we dive into some amazing tech articles that are sure to blow your mind! Hold on tight as we take you on a ride through the latest news and trends in the tech world.
First up, we're excited to announce the New TypeScript Homepage. This new update is designed to make it easier to get started with TypeScript and streamline the process of finding documentation and resources. You'll be impressed with the new sleek design and intuitive interface, designed to improve the user experience for developers of all levels. Check it out and let us know what you think!
Next, we have an intriguing read titled Don't use Function Components, use Void Function Components. If you're looking for ways to write more efficient code, you won't want to miss this. The article explores why void function components can be more performant and easier to understand than traditional function components. Trust us, it's a game-changer!
Are you feeling that frontend development gets a bit too overwhelming sometimes? Do you sometimes feel trapped in an endless cycle of coding? Well, our next article, Fear and loathing in frontend, is for you. This thought-provoking read is a reflection on the challenges and frustrations that frontend developers face and how they navigate them. If you're feeling stuck, this might be just what you need to get motivated and break through the barriers.
Lastly, we have the super-cool AxleJS - Fetch, supercharged. This library will help you supercharge your applications by simplifying and streamlining data fetching. It's intuitive and easy to use, even for beginners. So whether you're working on a new application or want to optimize an existing one, this library is worth checking out.
That's all for now, folks! We hope you enjoyed this week's newsletter and found our highlights informative and engaging. Don't forget to check back in next week when we bring you more exciting news and tips from the tech community. Until then, stay curious and keep exploring!
Dennis
Updates From The TypeScript Blog
- Announcing TypeScript 4.4 - August 26, 2021
- Announcing the New TypeScript Homepage
- August 24, 2021
Our Article Picks
- Avneesh Agarwal: Add Typescript, TailwindCSS, and ESlint to your Next.js app
- Mike From CodeSpectre: Using Axios Interceptors In Javascript and Typescript
- Franciszek Krasnowski: EsNext features in TypeScript with Babel
- Rohith Gilla: Develop URL shortener application with Redwood JS.
- Maina Wycliffe: Type Narrowing in TypeScript
- Diego Penha: Meet the world's tiniest 8bit MMORPG
- lgf196: simple and beautiful, powerful react player
- Anthony G: Simple Immutable Data w/ Spectacles 👓
- Ajit Singh: Updates on dev-to clone in Angular - August 27
- Ricardo Borges: Starting with search algorithms
- Prajal Sharma: Can we make our own music player using an API which'll be free.
- nicolasteofilo: Iniciando com o jest
- Ryan Dsouza: Canary deployment of Lambdas using CDK Pipelines
- Ajit Singh: Problems faced while creating comments section with a tree like data structure
- Anatolii: Stop using CSS, use JSS instead.
- Ivan Demchuk: 4 Difficulties You Might Encounter When Using vue-i18n
- Volodymyr Yepishev: Create a debounce function from scratch in typescript
- Dennis O'Keeffe: Releasing workingoutloud.dev
- Rohan Lekhwani: GSoC Coding Phase 2: Challenge Is an Understatement
- ksplat: AxleJS - Fetch, supercharged.
- Matt Angelosanto: Type flowing: Rethinking the TypeScript typing system
- Muhid Hossain: Google Tag Manager with Next.js (TypeScript/Bangla)
- Aurora: Don't use Function Components, use Void Function Components
- Indian Ocean Roleplay: 🤖 Create your Discord bot by using TypeScript and decorators!
- Jakub Przyborowski: Create tidy front-end components for server-side rendered markup - introducing Ovee.js framework.
- Alex Kiryushin: How to configure GraphQL request with interceptors on the example of JWT authentication
- Muhammad Awais: Basic State Management in Angular using Ngrx, inspired by Redux
- Dev By RayRay: The Only 2 Ways, You Ever Need To Unsubscribe Angular Observables
- Indian Ocean Roleplay: 🤖 Creating discord bot client from scratch!
- Vlad Solokha: Routing Information in Front-End Angluar
- Nico Bermudez: Optimizing React Native offline mode using Apollo Cache Persist
- Madhan M: What is Object–Relational Mapping? Why Prisma?
- Médéric Burlet: Deploying React with Express with route integrity
- Asjad Anis: Parsing .env with TypeScript
- Kengo TODA: How to replace @types/jest with @jest/globals and jest-mock
- Dev By RayRay: How To Add HTML Wrapper On Angular Component In Storybook
- Vagrant Jin Kazama: Something about Typescript feels...off
- Bionic Julia: How To Add Search Functionality to a NextJS Markdown Blog (Part 2)
- John Grisham: How I Automated My Weekly Newsletter using BlitzJs and CRON
- Sergey Inozemcev: Fear and loathing in frontend
- Rick1196: How to avoid invalid inputs in react
- Gabriel Mendes de Luca: AluraChallenges #2 ( Semana 1)
- Balsalobre: NEXT.js Simple Blog
- Dario Castañé: Simple Deno HTTP server running in Nanos unikernel
- Kat Holder: Is It Possible to Use Typescript in an AngularJS application?
- George Koval.: How to keep your imports beautiful in Angular app (w/o cyclic deps)
- Masui Masanori: [TypeScript] Play my own voice
- カワリミ人形: How to fix [deno-ts 2339] in the code for Deno Deploy
- Andrew Stacy: The
any
type in 2021 - Liana Pigeot: Narrat - The interactive game engine
- Alex Nicolas: React Hooks: definindo e gerenciando estados com useState
- Leonardo Bravo: Setup React with Typescript and esbuild.
- kevelopment: Setting up a Monorepo with NX for React & NestJS
- Federico Sordillo: Effective communication between services (and people)
Our Repo Picks
- ant-design/ant-design-mobile (TypeScript): A configurable Mobile UI
- excalidraw/excalidraw (TypeScript): Virtual whiteboard for sketching hand-drawn like diagrams
- basarat/typescript-book (TypeScript): 📚 The definitive guide to TypeScript and possibly the best TypeScript book 📖. Free and Open Source 🌹
- whyour/qinglong (TypeScript): Python/JavaScript/Shell/Typescript 定时任务管理
- ProjectOpenSea/opensea-js (TypeScript): JavaScript SDK for the OpenSea marketplace. Let your users buy or sell cryptogoods on your own site!
- vercel/swr (TypeScript): React Hooks for remote data fetching
- antfu/vitesse (TypeScript): 🏕 Opinionated Vite Starter Template
- webclipper/web-clipper (TypeScript): For Notion,OneNote,Bear,Yuque,Joplin。Clip anything to anywhere
- microsoft/TypeScript (TypeScript): TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
- hotwired/turbo (TypeScript): The speed of a single-page web application without having to write any JavaScript
- microsoft/fluentui (TypeScript): Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
- facebook/docusaurus (TypeScript): Easy to maintain open source documentation websites.
- laurent22/joplin (TypeScript): Joplin - an open source note taking and to-do application with synchronization capabilities for Windows, macOS, Linux, Android and iOS. Forum: https://discourse.joplinapp.org/
- oldj/SwitchHosts (TypeScript): Switch hosts quickly!
- ag-grid/ag-grid (TypeScript): The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
- facebook/flipper (TypeScript): A desktop debugging platform for mobile developers.
- solana-labs/dapp-scaffold (TypeScript): Scaffolding for a dapp built on Solana
- nhn/tui.editor (TypeScript): 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
- microsoft/vscode-cpptools (TypeScript): Official repository for the Microsoft C/C++ extension for VS Code.
- cdr/code-server (TypeScript): VS Code in the browser
- cyrildiagne/ar-cutpaste (TypeScript): Cut and paste your surroundings using AR
- the1812/Bilibili-Evolved (TypeScript): 强大的哔哩哔哩增强脚本: 下载视频, 音乐, 封面, 弹幕 / 简化直播间, 评论区, 首页 / 自定义顶栏, 删除广告, 夜间模式 / 触屏设备支持
- vuetifyjs/vuetify (TypeScript): 🐉 Material Component Framework for Vue
- actions/setup-java (TypeScript): Set up your GitHub Actions workflow with a specific version of Java
- withfig/autocomplete (TypeScript): Fig adds autocomplete to your terminal.
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! 🦄