TLWI TypeScript #16
thelastweekin.dev
Hello and welcome back to another edition of our newsletter! 🎉 This week, we have some exciting articles and resources that will help you level up your coding game, so make sure you read through till the end.
First up, we have an amazing ngx confirm box for Angular 🚀 that will make sure your user's interactions are a whole lot smoother. Say goodbye to the days of repetitive confirmation prompts that disrupt the user experience. This library has got you covered!
In our next feature, we dive into the world of frontend development and showcase how our author built their portfolio using NextJS, Typescript, and Chakra UI
Next, we have a word of caution for all developers. With a title like "Beware of Promise.all"
If you missed out on the first day, don't fret! We have a highlight from Type | Treat 2021 - Day 2
Last but not least, we have a valuable custom validator for Angular's confirm password validation
That's it for this week's newsletter. We hope you enjoyed it and found it to be a valuable resource. Stay tuned for more exciting content next week! 😃
Dennis
Updates From The TypeScript Blog
- Type | Treat – Wrap-up
- October 30, 2021 - Type | Treat – Day 5
- October 29, 2021 - Type | Treat 2021 – Day 4
- October 28, 2021 - Type | Treat 2021 – Day 3
- October 27, 2021 - Type | Treat 2021 – Day 2
- October 26, 2021 - Type | Treat 2021 – Day 1
- October 25, 2021
Hot Typescript Articles This Week On Reddit
- Fastify: Automatic Type Inference from JSON schema
(7 days ago)
Our Article Picks
- aabdullin: Repository Pattern with Typescript and Node.js
- Mangabo Kolawole: Authentication and Authorization with JWTs in Node && Express.js
- Jason F: I created my first NPM package
- Mark A: Get Better with TypeScript using Express
- diptee: Angular : BehaviorSubject
- Anjan Shomooder: 10 reasons why you should use Typescript
- Alex Lohr: Testing Solid.js code beyond jest
- Jeremy Dorn: Beware of Promise.all
- vova ushenko: Building reusable components, using Typescript, React and Styled-Components
- mattstobbs: 5 Reasons To Use TypeScript
- Yehezkiel Gunawan: How to Make Your Own Next.js Starter Template
- NordicBeaver: Making the most boring website ever with TypeScript, NestJs, React and others. Part 5.
- ItayLisaey: I've made a React app. Should you stick around?
- Boris Jenicek: Ngx, Confirm box for Angular 🚀
- Melih Ekinci: Create e-mail subscription panel with Refine and Strapi.
- Gabriel Vaquer: Typed: A 1kb type-safe runtime validation library
- Zeyad Etman: How I built my portfolio using NextJS, Typescript, and Chakra UI
- Michael Grigoryan: Polygon a new privacy-oriented social network becomes open-source after being developed privately for more than a year!
- NordicBeaver: Making the most boring website ever with TypeScript, NestJs, React and others. Part 6.
- Orta: Type | Treat 2021 - Day 1
- Jenuel Oras Ganawed: Use Objects than Arrays For Large Data in JS
- andrew_dev: 📁Elasticsearch TypeScript template
- Orta: Type | Treat 2021 - Day 2
- Damien Chazoule: Building A Robust Backend Server With NestJS 🚧
- Łukasz Kamieniecki-Mruk: Scramjet Transform Hub — Quick Start introduction
- Orta: Type | Treat 2021 - Day 3
- Łukasz Kamieniecki-Mruk: Introduction to Scramjet Data Processing Platform
- Corrado dello Russo: How to easily debug rxjs pipes
- Rodney Lab: Using vanilla-extract with SvelteKit: Styles with TypeScript
- Jozef Maxted 👻: Skeletonise yourself with AI pose detection
- AryanshMahato: Why and How to setup Storybooks with TypeScript
- Jonathan Gamble: Angular: Confirm Password Validation Custom Validator
- Xavier Canchal: Automatically generate Typescript types for your GraphQL schema
- Adam Crockett: 🚂 Model Railroad Scale Calculator Function 🚇
- kiranbansode: Building Projects to impress 🤯🤯 Employers or Hiring Managers -- Intro [VoteSub]
- Matt Angelosanto: TypeScript vs. JSDoc JavaScript for static type checking
- Orta: Type | Treat 2021 - Day 4
- Traky Richard BLM: Comprendre certaines notions des Hooks UseEffect UseCallBack et useMemo.
- Orta: Type | Treat 2021 - Day 5
- Ariel Calix: Top 4 lenguajes más amados en 2020
- Darshan-Bajeja: LEARN GQL WITH ME: Introduction to GQL and The Series
- Martin J: Running JS physics in a webworker - part 1 - proof of concept
- Raghav Mrituanjaya: Introduction to terraform CDK
- Ishan Manandhar: Manage Multiple Node Versions with Volta (better than nvm)
- Rlogical Techsoft Pvt Ltd: Latest Features of Angular Version 12 To Simplify Development Process
- Yehezkiel Gunawan: Why Making A Starter Template Matters?
- Volodymyr Yepishev: Implementing React Check Permissions: Intro
- mistlog: Type Query: jQuery Style Type Manipulation
- Mirela Prifti: Contentlayer & Effect — Architectural Patterns And Decisions.
- Volodymyr Yepishev: Implementing React Check Permissions: the Function
- TueNguyen2911: The end of Hacktoberfest
- Masui Masanori: [TypeScript][Express] Search and load local files
- Orta: Type | Treat 2021 - Wrap-up
- JLi: Hacktoberfest PR 2
- Dominik D: Leveraging the Query Function Context
- Bervianto Leo Pratama: Feathers.js Request Id Middleware
Our Repo Picks
- modern-js-dev/modern.js (TypeScript): The meta-framework suite designed from scratch for frontend-focused modern web development.
- storybookjs/storybook (TypeScript): 📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
- vercel/swr (TypeScript): React Hooks for data fetching
- reactjs/reactjs.org (TypeScript): The React documentation website
- javascript-obfuscator/javascript-obfuscator (TypeScript): A powerful obfuscator for JavaScript and Node.js
- ant-design/ant-design (TypeScript): An enterprise-class UI design language and React UI library
- sveltejs/svelte (TypeScript): Cybernetically enhanced web apps
- handtracking-io/yoha (TypeScript): A practical hand tracking engine.
- yarnpkg/berry (TypeScript): 📦🐈 Active development trunk for Yarn ⚒
- raycast/extensions (TypeScript): Everything you need to extend Raycast.
- whyour/qinglong (TypeScript): A timed task management panel that supports typescript, javaScript, python3, and shell.(支持 python3、javaScript、shell、typescript 的定时任务管理面板)
- TuSimple/naive-ui (TypeScript): A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow.
- antfu/vitesse (TypeScript): 🏕 Opinionated Vite Starter Template
- Uniswap/interface (TypeScript): 🦄 An open source interface for the Uniswap protocol
- SigNoz/signoz (TypeScript): SigNoz helps developers monitor their applications & troubleshoot problems, an open-source alternative to DataDog, NewRelic, etc. 🔥 🖥. 👉 Open source Application Performance Monitoring (APM) & Observability tool
- solidjs/solid (TypeScript): A declarative, efficient, and flexible JavaScript library for building user interfaces.
- tannerlinsley/react-query (TypeScript): ⚛️ Hooks for fetching, caching and updating asynchronous data in React
- supabase/supabase (TypeScript): The open source Firebase alternative. Follow to stay updated about our public Beta.
- rocketseat-education/nlw-heat-node (TypeScript): undefined
- desktop/desktop (TypeScript): Simple collaboration from your desktop
- open-telemetry/opentelemetry-js (TypeScript): OpenTelemetry JavaScript Client
- actions/starter-workflows (TypeScript): Accelerating new GitHub Actions workflows
- solana-labs/token-list (TypeScript): The community maintained Solana token registry
- posva/pinia (TypeScript): 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
- callstack/react-native-paper (TypeScript): Material Design for React Native (Android & iOS)
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! 🦄