TLWI TypeScript
thelastweekin.dev
Hello fabulous coders,
Are you ready to rev up your coding engines and surf the digital wave this week? It's midweek madness time and we've got a pretty nifty line-up of tech titbits for all you digital dynamos out there. Grab your keyboard, gear up your thought processors and let's dive right in!
Raise a glass and say hello to the star of this week – "WebP Image Optimisation + BlurHash with Sharp in NodeJS"! Whether it's cooking up an enticing user interface or choosing the crème de la crème of images for your web app, image optimisation is the holy grail. And lo and behold, for who else to make it more delectable than Sharp in NodeJS? It’s a total game-changer, and we're spilling all the beans right here.
Next, we’re laying out the red carpet for our luminary of the week – loaded with interactive roadmaps, guides and a whole menagerie of coding wisdom nuggets! Want to leapfrog your way to the top of your coding game? Check out this educational repository
But, hold your horses! The digital fun doesn't stop here. We've unearthed Eezze, a platform that's going to make your app-building journey as breezy as a walk in the park. Thrilled already? We knew it! Get ready to dive deep into the realms of Real-Time Apps with Eezze
Ever found yourself playing tag with endless lines of code, only to create a loader component in React? Time to bid goodbye to those grueling hours. We’re letting you in on a little secret – the magic potion known as the React Context API
And finally, for the grand finale, we throw the limelight on a beauty that’s been creating quite a buzz lately. We’re talking about a sensational library that is not only easy on the eyes, but quick on its feet too. Ladies and Gentlemen, feast your eyes on this modern yet blazing fast React UI library
Phew! What a whirlwind of suave tech-talks, eh? We're signing off this week with these fantastic reads. Stay tuned for more such refreshing scoops in the coming weeks!
Happy coding,
[Your Name]
Dennis
Our Article Picks
- Anton Zamay: 10 Сustom Utility Types for TypeScript Projects
- Borneel B. Phukan: 9 React Hooks that you should be aware of as a Frontend Developer
- Jeongho Nam: Stop using swagger-ui only, go with TypeScript SDK in browser
- Akashdeep Patra: 10 Tips for Mastering TypeScript Generics
- Lukáš Průša: How to scrape Amazon products
- Bhanu Sunka: The Best Vscode Snippets for React Typescript + Nextjs + Redux Toolkit
- Aidan: Migration - Module query with TypeORM version 0.3.x
- Thomas Ledoux: Astro DB: Migrating my analytics data from Vercel Postgres
- Jakub Andrzejewski: Handling internalisation (I18N) in Vue
- Evotik: The Harsh Truth: JavaScript is Dead
- Matt Brailsford: Simplifying Imports with TypeScript Path Aliases in Umbraco v14
- Alex Escalante: A glimpse into the algebra of type systems
- Antonio Moruno Gracia: Keep it Silly, Stupid
- Mahi: Union Types vs Polymorphism — Writing Extensible Software
- Connie Leung: Text translation using Google Cloud Translation API in a NestJS application
- Maina Wycliffe: Bun - The One Tool for All Your JavaScript/Typescript Project's Needs?
- kieronjmckenna: Trigger a Typescript AWS Lambda on Receiving an Email with SES
- Evotik: 5 Open-Source Next.js Projects Rocking 2024 (Learn the Patterns!) 🚀
- Henry Dioniz: Understanding the Difference Between Type and Interface in TypeScript
- Phuoc Nguyen: Create a reusable component for IntersectionObserver
- saransh kataria: Object destructuring in TypeScript
- Seerat Awan: React Custom Hook: useDidMountEffect
- vorillaz: Next.js with Public Environment Variables in Docker
- admaletsas: Svelte 4: Zero To Mastery
- Daniel Sogl: Analyzing and optimizing the esbuild Angular application bundle
- gcascio: Dynamic breadcrumbs in Next.js using the app router
- Rolf Streefkerk: Build Real-Time Apps with Eezze
- Michael De Abreu: How to add Jest into your Vite project with TS
- Ibrahim Shamma: Manage telescopic constructors with builder pattern using Typescript
- Mayank vishwakarma: Using the React Context API to Create a Loader Component
- Evotik: Nuxt vs Next | Biased Opinion
- Phuoc Nguyen: Lazy load an image
- White: A HackerNews clone built with Next.js and shadcn/ui
- kieronjmckenna: The Best Way to Use Open AI and Typescript
- Cipi: Multi-step form #frontendmentor challenge
- Phuoc Nguyen: Lazy load an iframe
- Alex Escalante: Un vistazo al álgebra de sistemas de tipos
- Edgar Joaquin: Arquitectura limpia en proyecto de Nodejs + Typescript + MongoDB
- Eda: LeetCode Meditations: Reverse Linked List
- chintanonweb: Inside Angular Forms: Exploring Nested Reactive Forms
- motinados: Introducing the xlsx-kaku Library that Writes Excel Files in Node.js
- kieronjmckenna: WebP Image Optimisation + BlurHash with Sharp in NodeJS
- Rodrigo: Template project [typescript]
- Rich: Moving "server-only" to the top of the imports
- Katie Liu: ChatCraft week 12: PR merged and follow ups!
- Nick: Using Function Parameters with Conditional Types in Typescript
- gonzalo: Import aliases en tu aplicación de NodeJS
- phukon: WTF is a Monad?!
- ootkin: From Code to OpenAPI spec with Ease using SkimX
- fajarriv: Test-Driven Development (TDD) in frontend code.
- Heiko Spindler: Free Brain Training with Angular
- Phuoc Nguyen: Lazy load a video
- Aditya Shrivastava: Understanding Lifecycle Events in React and Performance Optimization
- Nicolas: Adonis JS V6 — API REST Boilerplate
- chintanonweb: Deep Dive into Angular's HttpClient: Everything You Need to Know
- cenimstar: Can I add Node.js to the fastpanel?
- -: Exploring WebGPU: Setting Up a Development Environment with Vite and TypeScript
- Nicolas: Clean Architecture for the Front-End
- Eda: LeetCode Meditations: Merge Two Sorted Lists
- Anirban Mukherjee: Custom Toggle Button Vue Component
Our Repo Picks
- developersdigest/llm-answer-engine (TypeScript): Build a Perplexity-Inspired Answer Engine Using Next.js, Groq, Mixtral, Langchain, OpenAI, Brave & Serper
- midday-ai/midday (TypeScript): Run your business smarter 🪄
- kamranahmedse/developer-roadmap (TypeScript): Interactive roadmaps, guides and other educational content to help developers grow in their careers.
- upscayl/upscayl (TypeScript): 🆙 Upscayl - Free and Open Source AI Image Upscaler for Linux, MacOS and Windows built with Linux-First philosophy.
- janhq/jan (TypeScript): Jan is an open source alternative to ChatGPT that runs 100% offline on your computer
- LLM-Red-Team/kimi-free-api (TypeScript): 🚀 KIMI AI 长文本大模型白嫖服务,支持高速流式输出、联网搜索、长文档解读、图像解析、多轮对话,零配置部署,多路 token 支持,自动清理会话痕迹。
- semanser/codel (TypeScript): ✨ Fully autonomous AI Agent that can perform complicated tasks and projects using terminal, browser, and editor.
- danny-avila/LibreChat (TypeScript): Enhanced ChatGPT Clone: Features OpenAI, Assistants API, Azure, Groq, GPT-4 Vision, Mistral, Bing, Anthropic, OpenRouter, Google Gemini, AI model switching, message search, langchain, DALL-E-3, ChatGPT Plugins, OpenAI Functions, Secure Multi-User System, Presets, completely open-source for self-hosting. More features in development
- apache/superset (TypeScript): Apache Superset is a Data Visualization and Data Exploration Platform
- Expensify/App (TypeScript): Welcome to New Expensify: a complete re-imagination of financial collaboration, centered around chat. Help us build the next generation of Expensify by sharing feedback and contributing to the code.
- nocodb/nocodb (TypeScript): 🔥 🔥 🔥 Open Source Airtable Alternative
- nukeop/nuclear (TypeScript): Streaming music player that finds free music for you
- catppuccin/catppuccin (TypeScript): 😸 Soothing pastel theme for the high-spirited!
- webprodigies/fuzzie-production (TypeScript): undefined
- microsoft/fluentui (TypeScript): Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
- getumbrel/umbrel (TypeScript): A beautiful home server OS for self-hosting with an app store. Buy a pre-built Umbrel Home with umbrelOS, or install on a Raspberry Pi 4, Pi 5, any Ubuntu/Debian system, or a VPS.
- nextui-org/nextui (TypeScript): 🚀 Beautiful, fast and modern React UI library.
- vuetifyjs/vuetify (TypeScript): 🐉 Vue Component Framework
- immich-app/immich (TypeScript): High performance self-hosted photo and video management solution.
- winglang/wing (TypeScript): A TypeScript dialect for the cloud ☁️ A unified programming model, combining infrastructure and runtime code into one language ⚡
- snipe-it-com/solana-sniper-bot (TypeScript): Solana Sniper Bot - Proof of Concept
- soybeanjs/soybean-admin (TypeScript): A clean, elegant, beautiful and powerful admin template, based on Vue3, Vite5, TypeScript, Pinia, NaiveUI and UnoCSS. 一个清新优雅、高颜值且功能强大的后台管理模板,基于最新的前端技术栈,包括 Vue3, Vite5, TypeScript, Pinia, NaiveUI 和 UnoCSS。
- lyswhut/lx-music-mobile (TypeScript): 一个基于 React native 开发的音乐软件
- MetaMask/metamask-mobile (TypeScript): Mobile web browser providing access to websites that use the Ethereum blockchain
- pixijs/pixijs (TypeScript): The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
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! 🦄