TLWI TypeScript #37
Hello and welcome to our weekly newsletter! We've got some exciting links for you to check out this week.
If you're looking for a new tool to help streamline your workflow, be sure to check out the Outline clients developed by Jigsaw. These clients use the popular Shadowsocks protocol, and lean on the Cordova and Electron frameworks to support Windows, Android / ChromeOS, Linux, iOS and macOS. Check out the Outline clients and see how they can help make your life easier.
For those interested in web development, we have an excellent article on How I built my portfolio using Next.js, TailwindCSS, TypeScript and Framer Motion. The author gives a detailed account of their development process and the tools they used, making it easy for you to follow along and build your own portfolio using these cutting-edge technologies.
If you're tired of dealing with spaghetti code and are looking for a way to organize your front-end requests, look no further than Applying Koa's onion model to front-end requests. This revolutionary approach to software architecture is gaining popularity in the web development community and promises to make your life easier.
Lastly, we have a great beginner's guide to mobile development in React Native with Expo. You'll learn about the basics of React Native and how to use Expo to quickly create and deploy your own mobile apps. Be sure to check out A Beginner's Guide to Mobile Development in React Native with Expo if you're interested in mobile development.
That's it for this week's newsletter. We hope you've found these links helpful and informative. Stay tuned for more great content next week!
Hot Typescript Articles This Week On Reddit
Our Article Picks
- abdellah hariti: Promises: async/await vs .then(), how we got here and why I use both
- mai-mohamed: Folder Structure using React
- Patryk Andrzejewski: Better types in TypeScript with type guards and mapping types
- Shoubhit Dash: I made a wordle clone! 🚀
- Jon Holman: My Favorite Infrastructure as Code (IAC) Tool
- aabdullin: Repository Pattern with Typescript, Node.js and native PostgreSQL driver
- Matteo Bruni: tsParticles 1.42.4 Released
- Anders Aaen Springborg: A Beginner's Guide to Mobile Development in React Native with Expo
- Samir Alajmovic: Writing a Transpiler For a Subset of the Markdown Language
- Khalid🥑💻: Best 10 Code Snippets for Remix and TypeScript in 2022
- Tina Huynh: Books on Typescript and/or React?
- Rahul Sharma: How to solve REST API routing problem with decorators?
- Arnel Enero: Turn a single brand color into your own Complete Web Color System... in minutes!
- Antonio Cardenas: Angular Web3
- Ayyash: Loading external configurations via http using APP_INITIALIZER
- Ethan: Creating a React App with Typescript + Tailwind Support
- Jiawei Li: Reduce Duplicated Styled Components? Check Here
- Amr shadid: React zoom and pan with draggable elements
- tieje: How to Listen to Events in ReactJS
- MariBelniok: Três formas de atribuir classes no angular utilizando ngClass
- Aravind V: 🚣♂️ AWS CDK 101 🦋 - CodeCommit, CodePipeline and CodeBuild
- NotFound404: Why You don't need serverless and microservice ?
- John Wu: Applying Koa's onion model to front-end requests
- Matt Angelosanto: Understanding the dependency inversion principle in TypeScript
- Mayank: Vue 2.x + Vite + Tailwind CSS + Typescript
- Andrew Ross: Unwrapping Reacts Core; access JSX.IntrinsicElement props globally (no imports required)
- abdellah hariti: Use Typescript generics for a type safe
- Sebastien Lorber: This Week In React #99: Remix, Next.js, Redux, Memoization, Storybook, Ladle, Wix, Shopify, React-Native, CodeSandbox...
- leobar37: Introducción react-redux y redux toolkit
- Mepuka Kessy: Functional Programming: A Type-Safe Node Router for AWS Lambda - Part 1
- Rushil dhinoja: Create Reusable React Components with TS and Rollup
- Rahul Raj: Conditional Statements: Part 2
- Mohamed Mayallo: What is the difference between Strategy, State, and Template design patterns?
- Benjamin Cho: Budgety Journey
- NotFound404: Will openjs foundation send rejection mails for applicants
- Sergey Laptick: Old Habits Die Hard, But Getting New Ones is Essential. Tips on Getting the Most Out of TypeScript
- decker: When OOP Developers created Applications with TypeScript
- Vivek Mittal: How I built my portfolio using Next.js, TailwindCSS, TypeScript and Framer Motion
- Jaime A. Mendez: Setting up a TypeScript project with IntelliJ IDEA
- Hofer Ivan: Svelte and TypeScript - Guide
- Rahul Raj: Conditional Statements : Part 1
- NotFound404: Create Your Web Server with @http ( aex Intro I)
- Marcus: Spotify OAuth2 Authentication in a NestJS Application
- Jay Wolfe: I Thought TypeScript Decorators Were Hard - Now I Use Them To Cache Async Data
- Ethan: Simple React Portfolio - Part 1
- kaede: サバイバル TypeScript オブジェクトの扱い方
- CodeCast: Top 3 Casts of the Week #3
- Prakash Mishra: Bhailang Is The New Programming Language Written In TypeScript
- Médéric Burlet: Create Random team names for projects
- Ashish Chaubey: eCommerce expert
- tieje: I wasted two days jerry-rigging a package when the solution was one search away
- Caio Lucas: Electron + Typescript + React boilerplate
Our Repo Picks
- alibaba/lowcode-engine (TypeScript): An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系
- AmruthPillai/Reactive-Resume (TypeScript): A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
- apache/superset (TypeScript): Apache Superset is a Data Visualization and Data Exploration Platform
- directus/directus (TypeScript): Open-Source Data Platform 🐰 — Directus wraps any SQL database with a real-time GraphQL+REST API and an intuitive app for non-technical users.
- wbkd/react-flow (TypeScript): Highly customizable library for building interactive node-based UIs, editors, flow charts and diagrams
- withfig/autocomplete (TypeScript): Fig adds autocomplete to your terminal.
- amplication/amplication (TypeScript): Amplication is an open‑source development tool. It helps you develop quality Node.js applications without spending time on repetitive coding tasks.
- type-challenges/type-challenges (TypeScript): Collection of TypeScript type challenges with online judge
- coder/code-server (TypeScript): VS Code in the browser
- trpc/trpc (TypeScript): 🧙♀️ End-to-end typesafe APIs made easy
- supabase/supabase (TypeScript): The open source Firebase alternative. Follow to stay updated about our public Beta.
- vitest-dev/vitest (TypeScript): A Vite-native test framework. It's fast!
- puppeteer/puppeteer (TypeScript): Headless Chrome Node.js API
- Eugeny/tabby (TypeScript): A terminal for a more modern age
- tmm/wagmi (TypeScript): React Hooks for Ethereum
- angular/angular (TypeScript): The modern web developer’s platform
- ionic-team/stencil (TypeScript): A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
- Jigsaw-Code/outline-client (TypeScript): Outline clients, developed by Jigsaw. The Outline clients use the popular Shadowsocks protocol, and lean on the Cordova and Electron frameworks to support Windows, Android / ChromeOS, Linux, iOS and macOS.
- pmndrs/react-three-fiber (TypeScript): 🇨🇭 A React renderer for Three.js
- redwoodjs/redwood (TypeScript): The App Framework for Startups
- BuilderIO/partytown (TypeScript): Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉
- mantinedev/mantine (TypeScript): React components library with native dark theme support
- aave/aave-v3-core (TypeScript): This repository contains the core smart contracts of the Aave V3 protocol.
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! 🦄