typescript.md

<img src="https://hackernoon.com/banner-image.png" alt="drawing" width="1012"/>

# [typescript](https://hackernoon.com/tagged/typescript)
Javascript's superset, pedigree if you will, providing additional syntax and a more seamless integration with your editor. 

### [1. Get the Last Element of a Javascript Array Using These Easy Steps](https://hackernoon.com/get-the-last-element-of-a-javascript-array-using-these-easy-steps)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-vcb3p0d.png)
So you have a Javascript array, and you want to get the last element. Follow these steps.

### [2. A Deep Dive into How Typescript Enums Work](https://hackernoon.com/a-deep-dive-into-how-typescript-enums-work)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-ip93oaq.jpeg)
Enums, short for Enumerations, are preset constants that can be defined by a developer for use elsewhere in the code.

### [3. Vue Amsterdam Conference 2022 - Part IX - Full Stack Development With Nuxt 3 and Nitro](https://hackernoon.com/vue-amsterdam-conference-2022-part-ix-full-stack-development-with-nuxt-3-and-nitro)
![](https://cdn.hackernoon.com/images/NYsEt0jSD0Ttv4Gl8UDQGzu9Q9C3-41a3pac.jpeg)
In this article, we will delve into the exciting world of full-stack development using Nuxt 3 and Nitro.

### [4. Programmer's Version of Schrodinger’s Cat: Options for JavaScript](https://hackernoon.com/programmers-version-of-schrodingers-cat-options-for-javascript)
![](https://cdn.hackernoon.com/images/k4GstuIw16dJTEZiOyQfGH3SpzJ2-ih73g75.jpeg)
Bringing Options to JavaScript and TypeScript.

### [5. Using WunderGraph and Interval for Building Internal Tools ](https://hackernoon.com/using-wundergraph-and-interval-for-building-internal-tools)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-fnb3phv.gif.webp)
Building internal tools, you either love it or hate it. 

### [6. Using React-Typescript With FaceIO for User Face Authentication](https://hackernoon.com/using-react-typescript-with-faceio-for-user-face-authentication)
![](https://cdn.hackernoon.com/images/htVjKcTLFYes7Isse0vYEolH3GF2-xg92qq9.jpeg)
This is part of a two part series, where I am going to show you how to use React and Typescript coupled with FaceIO to sign-up and authenticate a user.

### [7. The Future of Serverless API Development is Now](https://hackernoon.com/the-future-of-serverless-api-development-is-now)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-gcb3p3x.gif.webp)
Today, we are excited to announce the launch of WunderGraph Cloud! Today, we are excited to announce the launch of WunderGraph Cloud! 

### [8. Understanding the useContext Hook for Efficient State Management in React](https://hackernoon.com/understanding-the-usecontext-hook-for-efficient-state-management-in-react)
![](https://cdn.hackernoon.com/images/AFua1NNa3eaUCkwQTgKmJ0BR99G3-3a933zr.jpeg)
Learn how to efficiently manage state in React applications using the useContext hook.

### [9. How the TypeScript NonNullable Type Works](https://hackernoon.com/how-the-typescript-nonnullable-type-works)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-x293k2u.jpeg)
The NonNullable  type is a utility type in TypeScript which creates a new type, whilst removing all null or undefined elements.

### [10. How To Set Up a tsconfig For Nodejs](https://hackernoon.com/how-to-set-up-a-tsconfig-for-nodejs-2w1833jo)
![](https://cdn.hackernoon.com/images/Y3mpA6b8SWb4Zdw04zl4y4uDnrj1-6k2139vg.png)
Learn how to easily setup a tsconfig file to build for nodejs.

### [11. The Factory Method pattern in TypeScript](https://hackernoon.com/the-factory-method-pattern-in-typescript)
![](https://cdn.hackernoon.com/images/xJY7Mil1Iaawpy4gQe2JjaeojZY2-tca3p2x.jpeg)
The Factory Method pattern is a design pattern that is used to create objects without specifying the exact class of object that will be created.

### [12. Quick Tips For Migrating from JavaScript to TypeScript](https://hackernoon.com/migrating-from-javascript-to-typescript-some-tips)
![](https://cdn.hackernoon.com/images/zaFsi86habTuCYRikyd3UBKEgKE3-2703623.jpeg)
Some useful tips to keep in mind when migrating your JavaScript project to TypeScript

### [13. Utility types in Typescript - Part 1: Partial, Required, Readonly](https://hackernoon.com/utility-types-in-typescript-part-1-partial-required-readonly)
![](https://cdn.hackernoon.com/images/GyReioOm4SYrQtHDFZYR7Ot7i3w1-5j92ixo.jpeg)
Typescript utility types allows Javascript developers to carry out type transformations. Some examples of utility types are Partial, Required and Readonly.

### [14. Creating User Interfaces Using 'Variables'](https://hackernoon.com/binarydonut-ui-series-1-ft-variables)
![](https://cdn.hackernoon.com/images/t2uWN8AdGdZzoqcRF0HF5gLZdNW2-oja3m0r.jpeg)
UI series #1 ft. variables

### [15. Casing Can Break Netlify Functions: Here's How](https://hackernoon.com/casing-can-break-netlify-functions-heres-how)
![](https://cdn.hackernoon.com/images/GWHX2lBFLbMSZ4olDc5OKN28T0h1-hz93r8k.jpeg)
It may not be apparent when you're working on it locally, but quirks such as this one on Netlify can throw a wrench into your application deployed in prod.

### [16. Early Exit From Functions](https://hackernoon.com/early-exit-from-functions-muu3u0i)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FYn5tWMJ716SW4g4burnKobHKlAl1-091c3yj0.jpeg?alt=media&token=7f36e665-3d2f-4e03-8848-89365d5d391b)
Ok! It's crucial to keep the code readable and maintainable. One of the easiest ways to increase readability is terminating early from methods/functions. 

### [17. Using Decorators in Typescript](https://hackernoon.com/using-decorators-in-typescript)
![](https://cdn.hackernoon.com/images/GyReioOm4SYrQtHDFZYR7Ot7i3w1-2ic2epq.jpeg)
Typescript is a superset of Javascript. Decorators in Typescript are functions that add special behaviors to a class or members of a class.


### [18. How to Update Object Key Values Using Javascript](https://hackernoon.com/how-to-update-object-key-values-using-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-tja3pyz.png)
Javascript objects consist of key-value pairs and are one of the most common data structures in Javascript.

### [19. Creating Extension Methods Using Typescript](https://hackernoon.com/a-extension-method-experiment-on-typescript-8o44t36xy)
![](https://cdn.hackernoon.com/images/7a9s136pk.jpg)
I really like C#'s extension method feature. I was trying to experiment it on Typescript with decorators.

### [20. The 4 Best Programming Languages to Learn in 2020](https://hackernoon.com/the-4-best-programming-languages-to-learn-in-2020-7j2nn2gxn)
![](https://cdn.hackernoon.com/drafts/k93zu2gw2.png)
Technology has made our lives easier with several forms of implementation that are seen in different professional fields. As most individuals began to efficiently program computers, programming
languages with powerful tendencies and functionalities were born.

### [21. Top 5 TypeScript Performance Tips](https://hackernoon.com/top-5-typescript-performance-tips)
![](https://cdn.hackernoon.com/images/OujWaQx7FhMxIORYNRgWYZuh1kb2-j0a3qd8.png)
Hi everyone! Today I want to talk about fast TS compilation. There are a lot of tips and tricks about TypeScript code style. But not about compiler performance.

### [22. Set Up Hardhat with Typescript](https://hackernoon.com/set-up-hardhat-with-typescript)
![](https://cdn.hackernoon.com/images/uCxecSd3neS54d5qhzN4tU7egvo1-y7a3k4p.jpeg)
In this tutor, we will set up Hardhat with Typescript.
Hardhat is a development environment for compiling, deploying, testing, and debugging Solidity Smart Cont

### [23. Master The Art Of Using Typescript Without The Compile Step](https://hackernoon.com/master-the-art-of-using-typescript-without-the-compile-step-tbv33wd)
![](https://cdn.hackernoon.com/images/Y3mpA6b8SWb4Zdw04zl4y4uDnrj1-5m1l392i.jpeg)
If you're like me you create scripts to automate things all the time. While you can do quite a bit with bash, it's just a lot easier to use your primary language--in this case TypeScript. With just a few tricks you can start writing your scripts in TypeScript.

### [24. How to Remove the Last Element of a JavaScript Array](https://hackernoon.com/how-to-remove-the-last-element-of-a-javascript-array)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-xt93s9y.jpeg)
One of the most frequent operations we perform on an array is removing the last element. There are a few different ways to do this - but one of the most common 

### [25. How to Set the Default Node.JS version with nvm](https://hackernoon.com/how-to-set-the-default-nodejs-version-with-nvm)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-8q93p4w.jpeg)


### [26. Creating Your Own Grammar Rules](https://hackernoon.com/creating-your-own-grammar-rules)
![](https://cdn.hackernoon.com/images/Up825JZF5yROkBJQEVNelNrvnOn1-ml93iqw.jpeg)
Whenever you start wondering how to create your syntax or rules on expression, it’s probably time to check out this powerful tool - The Chevrotain.

### [27. Nullish Coalescing Operator (??)](https://hackernoon.com/nullish-coalescing-operator)
![](https://cdn.hackernoon.com/images/rZ3rn8qcvagyoGK9VRZZGonZwLN2-qq2387z.jpeg)
Nullish coalescing vs or operator explained and why it will help keep out bugs out of your code.

### [28. More Features of the RTK Query](https://hackernoon.com/more-features-of-the-rtk-query)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-wy93n7v.jpeg)
Previously I wrote about RTK, this story will cover other details of its use.

### [29. What I learned from building a chat project with sockets.io and React](https://hackernoon.com/what-i-learned-from-building-a-chat-project-with-socketsio-and-react)
![](https://cdn.hackernoon.com/images/Up825JZF5yROkBJQEVNelNrvnOn1-5v6v376f.jpeg)
Well, after some I did some search on Google, I found an article with a developer who had the same issue. One and the awarded response was to use socket.

### [30. Writing an Event Bus for React](https://hackernoon.com/writing-an-event-bus-for-react)
![](https://cdn.hackernoon.com/images/XyqHIwK0xDMOGdIf5iTNW4CrLjb2-kg93vru.png)
Event Bus is great for lightweight event systems. We'll discover its use case in React and build an Event Bus from scratch with TypeScript.

### [31. Node.js Vs Flask: Which One Has A Better Performance](https://hackernoon.com/nodejs-vs-flask-which-one-has-a-better-performance-vf1u35gr)
![](https://cdn.hackernoon.com/images/MuNTw011OAf5g6a5JGrit0bjILN2-tyg2726.jpeg)
Curious about how Flask stacks up against Node.js? These are my thoughts on the matter. 

### [32. Webpack to Vite: Improving Speed and Performance](https://hackernoon.com/need-for-speed-how-we-migrated-from-webpack-to-vite)
![](https://cdn.hackernoon.com/images/fGEcRUv8OphTzZfW0AfbCeIBcJJ2-sp93pjg.png)
We migrated our web app’s codebase from Webpack 4 to Vite for one simple reason: speed.

### [33. What's The Right Way to Fetch Data in React Hooks? [A Deep Dive]](https://hackernoon.com/whats-the-right-way-to-fetch-data-in-react-hooks-a-deep-dive-2jc13230)
![](https://cdn.hackernoon.com/drafts/dejx3ydb.png)
The React Hooks docs has a FAQ entry: “How can I do data fetching with Hooks?” where they link to this well written and detailed article by Robin Wieruch. There is however a shortcoming in that approach which affects correctness is some important situations.

### [34. Deskreen Introduction: Turn Any Device With Browser Into a Secondary Screen](https://hackernoon.com/deskreen-introduction-turn-any-device-with-browser-into-a-secondary-screen-8t2x31a0)
![](https://cdn.hackernoon.com/images/DipgE6KKESPretcbJVvdsr7VoUV2-gm3x314i.jpeg)
I created Deskreen. It turns any device with a web browser into a secondary screen for your computer

### [35. The Dangers of False Interpretations When Using the Promises API](https://hackernoon.com/the-dangers-of-false-interpretations-when-using-the-promises-api)
![](https://cdn.hackernoon.com/images/SyAF3kJK4fMyIgdUUBfDBXKu1k52-uu037mt.jpeg)
JavaScript Promises have an API that can lead to incorrect interpreting of potential results by developers. This is how it works and how to avoid the error.

### [36. Using React and Typescript to Create Reusable and Customizable Modals](https://hackernoon.com/using-react-and-typescript-to-create-reusable-and-customizable-modals)
![](https://cdn.hackernoon.com/images/ngHeZCLQ7RUFohMJcsEYn7UCXkz2-3va3mds.jpeg)
Create reusable and customizable modals with React and TypeScript. Learn how to make a complete modal with React Portals and styled-components.

### [37. Creating Context in ReactJS Using TypeScript](https://hackernoon.com/creating-context-in-reactjs-using-typescript)
![](https://cdn.hackernoon.com/images/ZIJAyZ1t1NP4cp9j5L6agAHvOkF3-up93z9m.jpeg)
A react context is meant to be used in more than one component or custom hook. Enforce typings in your context to ensure a better quality code

### [38. Real-Time GraphQL API Exploration with GraphQuill](https://hackernoon.com/real-time-graphql-api-exploration-with-graphquill-r9k33vn)
![](https://cdn.hackernoon.com/images/b91e33yu.jpg)
As software engineers, we use tools built by other devs dozens of times a day. Personally, I use over 15 VS Code extensions. Until my team and I set out to build GraphQuill, I didn’t have the slightest clue about the process of developing and publishing an extension. It’s been a fun and worthwhile experience working within the VS Code extension space, so when my team and I got together to discuss releasing GraphQuill, I insisted we include a behind the scenes look at the development process and what challenged/excited us throughout.

### [39. Create, Deploy and Mint Smart Contract (ERC-721) with NodeJS + Hardhat + Walletconnect + Web3modal](https://hackernoon.com/create-deploy-and-mint-smart-contract-erc-721-with-nodejs-hardhat-walletconnect-web3modal)
![](https://cdn.hackernoon.com/images/id8rh0ujwKOb9idskA0B9EWkE2n2-xc93xmf.png)
We will create ERC-721 smartcontract, deploy to Goerli with Hardhat + Solidity. For minting we will use NextJs + WalletConnect + Web3Modal

### [40. How the TypeScript Pick Type works](https://hackernoon.com/how-the-typescript-pick-type-works)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-9c93kic.jpeg)
The Pick utility Type lets us take types based off existing ones, by selecting specific elements from them. Let's look at how it works and when to use it.

### [41. Solve Database Concurrency Issues with TypeOrm](https://hackernoon.com/database-concurrencies-with-typeorm-6b1631k8)
![](https://cdn.hackernoon.com/images/caEFaH2LIyTEqUMLqhhb3nC4EXg1-tjpy31rs.jpeg)
Solve concurrency issues with typeorm query to fix race-condition and deadlock  bug. 

### [42. What Is an Array Type in Typescript](https://hackernoon.com/what-is-an-array-type-in-typescript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-a8c3oqr.jpeg)
Arrays work the same in TypeScript as they do in Javascript, the only difference being that we have to define their type upfront.

### [43. How to Transport Your Components Anywhere With React Portals](https://hackernoon.com/how-to-transport-your-components-anywhere-with-react-portals)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-mb93pph.jpeg)
To solve this problem, we can teleport the modal out of its own component and into another part of our template using createPortal.

### [44. Add Event Listener to Multiple Elements in Javascript ](https://hackernoon.com/add-event-listener-to-multiple-elements-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-r493oaz.jpeg)
If you've ever worked in vanilla Javascript, you might be familiar with adding event listeners to elements using the following formula: 

### [45. Testing a React App with Jest and react-testing-library](https://hackernoon.com/testing-a-react-app-with-jest-and-react-testing-library)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-7e03kt6.jpeg)
How to test a React App, with Jest and react-testing-library

### [46. How to Add  Notifications to your React Navigation bar](https://hackernoon.com/how-to-add-notifications-to-your-react-navigation-bar)
![](https://cdn.hackernoon.com/images/ZuuM3fSjXmf2oETrekt5pezKail2-y0h3qsn.jpeg)


### [47. How to Setup a NodeJS App with Express And TypeScript](https://hackernoon.com/how-to-setup-a-nodejs-app-with-express-and-typescript)
![](https://cdn.hackernoon.com/images/8mM2KE0AxsYWVKbGNED9BYlrWhP2-9m93nyb.jpeg)
In this article, I want to show you How to set up a Node Express with TypeScript like a PRO.

### [48. Translate Your React App with Tolgee: A Step-by-Step Guide](https://hackernoon.com/translate-your-react-app-with-tolgee-a-step-by-step-guide)
![](https://cdn.hackernoon.com/images/G6xFXeYzgfSNur6yRW1nAvG64Vk1-ze03bc8.jpeg)
Tutorial how to localize (i18n) React application using Tolgee. It allows you to translate your string in-context and generate screenshots.

### [49. Powering the Future of Digital Project Development Through Data Democratization](https://hackernoon.com/powering-the-future-of-digital-project-development-through-data-democratization)
![](https://cdn.hackernoon.com/images/6eMiIFVsB9Xa9UpyXie9jil77oO2-bb93n37.jpeg)
Powering the Future of Digital Project Development Through Data Democratization

### [50. On Developing Career in Tech with Andrey Goncharov, Senior Software Engineer at Facebook](https://hackernoon.com/on-developing-career-in-tech-with-andrey-goncharov-senior-software-engineer-at-facebook)
![](https://cdn.hackernoon.com/images/Qzf12C2zWcNwQAVqd7GVo4CVvow2-9a135vq.jpeg)
In this installment of Meet the Writer series Andrey G, Facebook's senior software engineer, shares his thoughts on career development and his love of sugar.

### [51. How to Get Started with TypeScript](https://hackernoon.com/how-to-get-started-with-typescript)
![](https://cdn.hackernoon.com/images/34mbPLjtUQQJErFmUBVrS5QGkWt1-al93rme.jpeg)
Sometimes it’s necessary to set up a development environment for writing TypeScript code. This article will show you how it’s done. 



### [52. Assign Types To Nested Objects In TypeScript](https://hackernoon.com/assign-types-to-nested-objects-in-typescript)
![](https://cdn.hackernoon.com/images/2URpjmJLkjVeYGsWZeCo2hCb90Y2-u193qgc.jpeg)
TypeScript provides you with multiple ways to define type definitions for object properties. We'll look at a couple of them throughout this post.

### [53. Using the typeof Operator in TypeScript](https://hackernoon.com/using-the-typeof-operator-in-typescript)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-cw930ye.jpeg)
Let's look at how typeof works in TypeScript.

### [54. A TypeScript tale -  Episode I](https://hackernoon.com/a-typescript-tale-episode-1-q9pa315r)
![](https://cdn.hackernoon.com/drafts/ioqv31l3.png)
The first of a series of articles about TypeScript.

### [55. Understanding innerHTML in Javascript](https://hackernoon.com/understanding-innerhtml-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-5ba3s3i.jpeg)
In Javascript, we have lots of different ways to manipulate DOM elements. Here, we take a look at one of the simplest ways to do so. 

### [56. How to Run A Cronjob That Stops an EC2 Instance When SSH or Session Manager Connections are Closed](https://hackernoon.com/how-to-run-a-cronjob-that-stops-an-ec2-instance-when-ssh-or-session-manager-connections-are-closed)
![](https://cdn.hackernoon.com/images/GD3GLbWUYDccnaVqbjyQD90CiwV2-as037yx.jpeg)
How to use the AWS CDK to provision an EC2 instance that is automatically stopped when there are no open SSH or Session Manager connections to it.

### [57. The Headless-UI Date Picker for React Apps](https://hackernoon.com/the-headless-ui-date-picker-for-react-apps)
![](https://cdn.hackernoon.com/images/Sgj0oszXXxgEo1rKF4QtuLfwneM2-v9a3opl.png)
Each year the ⚛️ React community is becoming bigger and bigger. And with this growth, we get more and more tools to achieve our goals and needs.

### [58. Introducing the Satisfies Operator in TypeScript](https://hackernoon.com/introducing-the-satisfy-operator-in-typescript)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-oq93284.jpeg)
TypeScript beta 4.9 came with the new satisfies operator. 

### [59. A Brief Guide on Typescript Discriminators](https://hackernoon.com/a-brief-guide-on-typescript-discriminators-tn2a346y)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-gk1o34sd.jpeg)
Very often we have use-cases where we would like to use a single type Union Type but still be sure about the properties inside them.

### [60. Micro-Frontends: Using TypeScript's Ambient Modules](https://hackernoon.com/micro-frontends-using-typescripts-ambient-modules)
![](https://cdn.hackernoon.com/images/2jqChkrv03exBUgkLrDzIbfM99q2-vs92bvy.png)
How to use TypeScript's ambient module feature for cross-sharing micro-frontend imports using single-spa.  

### [61. How Optional Chaining Can Save You From Unexpected Errors in Javascript](https://hackernoon.com/how-optional-chaining-can-save-you-from-unexpected-errors-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-1o93o5c.jpeg)
Optional chaining is a feature in Javascript which lets us access the child properties of an object, even if the parent object doesn't exist.

### [62. Protect Your Application by Hiding API Keys and Tokens in React ](https://hackernoon.com/protect-your-application-by-hiding-api-keys-and-tokens-in-react)
![](https://cdn.hackernoon.com/images/ngHeZCLQ7RUFohMJcsEYn7UCXkz2-4s93rlj.jpeg)
Discover how to hide your API keys and tokens in React using environment variables with Vite and nodejs. Protect the security of your services.

### [63. 5 VERY common code smells and how to fix them](https://hackernoon.com/5-easy-wins-to-refactor-even-the-worst-legacy-code-7vuc3069)
![](https://cdn.hackernoon.com/drafts/cvvx3084.png)
5 easy wins to refactor even the worst legacy code

### [64. Why Learn Any Other Programming Language When You Can Learn Typescript?](https://hackernoon.com/why-learn-any-other-programming-language-when-you-can-learn-typescript)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-ua036gb.jpeg)
Use TypeScript in all your projects and all use cases without any limitation. You can now do frontend, backend, infrastructure and machine learning in one progr

### [65. Build a Toast Message Component via React and Styled Components with Ease](https://hackernoon.com/build-a-toast-message-component-via-react-and-styled-components-with-ease)
![](https://cdn.hackernoon.com/images/DCeD33KBsvfkcDAPAhEcQn47anx2-7q03sga.gif.webp)
Toast Notifications are yet another way to provide feedback to the user. They usually contain brief messages and sometimes get accompanied by CTAs as well.

### [66. A Guide on How TypeScript Parameters Type Works](https://hackernoon.com/a-guide-on-how-typescript-parameters-type-works)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-2b93ktg.jpeg)
The Parameters type is a utility type in TypeScript that lets us take the arguments of a function, and turn it into a new type. Let's look at how it works.

### [67. Create React App is Dead! Here are Some Alternatives](https://hackernoon.com/create-react-app-is-dead-here-are-some-alternatives)
![](https://cdn.hackernoon.com/images/LeMjfcP9FWQwYDMppEvlEeeIomE2-id92ikt.jpeg)
CRA may be "dead", but there are many alternative tools available for building React applications that offer superior performance and faster development times. 

### [68. Understanding Nullish Coalescing (or ??) in Javascript](https://hackernoon.com/understanding-nullish-coalescing-or-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-psb3ojm.jpeg)
The nullish coalescing operator is useful in situations where something can be returned as either null or undefined, and helps us tighten up our code.

### [69. Sharing Observables: Preventing Identical Http Calls](https://hackernoon.com/sharing-observables-communicating-between-components-kw5c33z1)
![](https://cdn.hackernoon.com/images/3f4i23bjr.jpg)
Assume the following case: You have an Angular/Ionic project that has multiple components that need the same resource. When the app loaded, the components will start getting the fresh data from the backend. Hence you will probably see multiple identical calls in the Network tab.

### [70. How to Build a Scalable URL Shortener With Cloudflare Workers and KV Under 10 Minutes](https://hackernoon.com/how-to-build-a-scalable-url-shortener-with-cloudflare-workers-and-kv-under-10-minutes)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-7h93pd2.jpeg)
In this article, we will use Cloudflare Workers and KV to create a scalable URL shortener service that you can use to shorten your application links.

### [71. In Layman's Terms, What is the Difference Between Node and Deno?](https://hackernoon.com/in-laymans-terms-what-is-the-difference-between-node-and-deno-b79c3wh1)
![](https://cdn.filestackcontent.com/70SjGV61RZ2Wt26ZhzuP)
Worried that dinosaur or sock shaped "deno" is going to kill our favorite  Node? Let me help you to get out of this dilemma.

### [72. The Simplicity of tRPC with the Power of GraphQL ](https://hackernoon.com/the-simplicity-of-trpc-with-the-power-of-graphql)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-30a3pq0.jpeg)


### [73. How to Get Started With a Clean Architecture Template for NodeJS, Ts.ED and TypeScript](https://hackernoon.com/how-to-get-started-with-a-clean-architecture-template-for-nodejs-tsed-and-typescript)
![](https://cdn.hackernoon.com/images/3rNvpQx9qUPzmpydCiVLDrKEaZ03-7n93nnj.jpeg)
🔰🦸 Template to start developing a REST API with Node.js (Express), TypeScript, Ts.ED, ESLint, Prettier, Husky, Prisma, etc.

### [74. How to Create an Instant Search Input with Debounce in React.js](https://hackernoon.com/how-to-create-an-instant-search-input-with-debounce-in-reactjs)
![](https://cdn.hackernoon.com/images/GyReioOm4SYrQtHDFZYR7Ot7i3w1-r003dd6.gif.webp)
I recently built an anime app that fetches details about animes from an external API. The project had an input field where you could type in the name of an anime to search for. The text typed in the input field was then used to query the API for animes matching the input. The input field was to use “instant search” mechanism. This meant that users where not required to hit enter or press a button for the search to occur. To prevent making a call to the API on every keystroke, I had to debounce the queries made to the API.

### [75. Get the Return Type of a Function in Typescript Using ReturnType](https://hackernoon.com/get-the-return-type-of-a-function-in-typescript-using-returntype)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-dre3kgh.jpeg)
The ReturnType utility Type in TypeScript lets us take the outputs of a function, and codify a new type based on that. Let's look at how it works.

### [76. JSWorld Conference 2022: Part I](https://hackernoon.com/jsworld-conference-2022-part-i)
![](https://cdn.hackernoon.com/images/NYsEt0jSD0Ttv4Gl8UDQGzu9Q9C3-3ud3n74.jpeg)
JSWorld Conference is the number one JavaScript Conference in the world, and I share a summary of all the talks with you. Part I

### [77. When are Barrel Exports Harmful](https://hackernoon.com/when-are-barrel-exports-harmful)
![](https://cdn.hackernoon.com/images/2jqChkrv03exBUgkLrDzIbfM99q2-yn92d30.jpeg)
Why we should be careful not to abuse barrel exports in our TypeScript code.

### [78. The Lambda Function That Creates xlsx Files From JSON Data to Store On S3 Using NodeJS/Typescript](https://hackernoon.com/the-lambda-function-that-creates-xlsx-files-from-json-data-and-store-on-s3-using-nodejstypescript)
![](https://cdn.hackernoon.com/images/OBFgr2enmUfHmrRQ0JRaj3w97rJ3-1nb3ev1.jpeg)
How to write a Lambda function to convert json data to xlsx file and then upload to s3 and return a signed url of that uploaded file on a serverless framework

### [79. Get Started in Web3 by Building a Web3 Storage App in 4 Steps](https://hackernoon.com/get-started-in-web-3-by-building-a-web3-storage-app-in-4-steps)
![](https://cdn.hackernoon.com/images/ghNSk6l5TwN1Zm4sPpFRTGpklu93-na93r16.jpeg)
Learn how to build a notes taking app using web3 storage app in 4 simple steps, using nexts, typescript, ipfs, and zk block. 

### [80. Everybody Loves Rust: How Rust is Being Used in Production](https://hackernoon.com/everybody-loves-rust-how-rust-is-being-used-in-production)
![](https://cdn.hackernoon.com/images/6C0PSpbtgKaBDWI4LbxX8kE6T3B3-cn3l26a7.jpeg)
Who uses Rust, and what are the benefits of choosing this programming language for your stack? Find out the answer in stories from 9 successful companies.

### [81. Going From Zero to Transpiling your First App in TypeScript ](https://hackernoon.com/going-from-zero-to-transpiling-your-first-typescript-app)
![](https://cdn.hackernoon.com/images/B9T1IUJcMIUtnDyj3ZT2HrbhQmj1-28b3iom.jpeg)
TypeScript for Beginners - Introduction, setup and running your first TypeScript code

### [82. An Introduction to the Xanny Framework](https://hackernoon.com/an-introduction-to-the-xanny-framework-uk3p34ag)
![](https://cdn.hackernoon.com/images/MJpFVUEItkSdoh38rYo60VT7RfH3-hli28iv.jpeg)
Xanny finally reached version 1.0 in Dec 2020. According to its [official repository](https://github.com/xanny-projects/xanny), Xanny is a simple, fast and low HTTP router and URL marcher for building Deno servers.

### [83. TypeScript's Omit Type Explained](https://hackernoon.com/typescripts-omit-type-explained)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-nfa3y4y.jpeg)
The Omit utility Type lets us take types, remove elements, and make entirely new types. Let's look at how it works.

### [84. 5 Exciting New JavaScript Features You Can Use Today](https://hackernoon.com/5-exciting-new-javascript-features-you-can-use-today)
![](https://cdn.hackernoon.com/images/Pag22dDowMftWpOYNEh2VnQtjy63-gy92rea.jpeg)
5 Must-Know Features in JavaScript ES2022: Enhance Your Code and Boost Your Productivity

### [85. How I Migrated My WordPress Site to GitHub Pages](https://hackernoon.com/how-i-migrated-my-wordpress-site-to-github-pages)
![](https://cdn.hackernoon.com/images/YwSHEC3KytbshzaHd9gfS1alGs52-ntb2qe3.png)
A short article about how I migrated my WordPress site to GitHub Pages

### [86. How You Can Build an API Client Library in JavaScript](https://hackernoon.com/how-you-can-build-an-api-client-library-in-javascript-wy7h3y7e)
![](https://cdn.hackernoon.com/images/mg14y32rl.jpg)
Every time I find myself connecting to a third-party API that doesn't have a client library I have to create a lot of boilerplate around it:

### [87. How to Add Custom Shortcuts and Code Snippets to VS Code](https://hackernoon.com/how-to-add-custom-shortcuts-and-code-snippets-to-vs-code)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-7ba3qpa.jpeg)
In this article, we'll learn how to create custom VS Code shortcuts and code snippets.

### [88. Checkers on React - Part 3 - Figure](https://hackernoon.com/checkers-on-react-part-3-figure)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-jk93rfm.jpeg)


### [89. How Records Can Help You Implement Complex Data in Typescript ](https://hackernoon.com/how-records-can-help-you-implement-complex-data-in-typescript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-js93o9s.jpeg)
TypeScript Records are a great way to ensure consistency when trying to implement more complex types of data.

### [90. Comparing the Best TypeScript Alternatives [Part I]](https://hackernoon.com/comparing-the-best-typescript-alternatives-part-i)
![](https://cdn.hackernoon.com/images/XIlys8PrM8eJ7n0qjETjuC0lbkB2-dze3qzq.jpeg)
TypeScript, Dart, CoffeeScript, and Elm are all programming languages used for building web applications, and each has its own strengths and weaknesses.

### [91. Checkers on React - Part 1 - Project Configuration and Initialization](https://hackernoon.com/checkers-on-react-part-1-project-configuration-and-initialization)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-sj93rfu.jpeg)
 I want to start a series of stories where I will try to implement a Checkers game. 

### [92. TypeScript Interfaces and Types: A Comparison](https://hackernoon.com/typescript-interfaces-and-types-a-comparison)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-xk93pij.jpeg)
Let's take a look at how Typescript Interfaces and types differ.

### [93. A Prisma ORM Review](https://hackernoon.com/a-prisma-orm-review)
![](https://cdn.hackernoon.com/images/XIlys8PrM8eJ7n0qjETjuC0lbkB2-4j93ngx.jpeg)
Prisma ORM is a good choice for your project. It lacks some features of other ORMs. But it's not a big deal because you can jump the lover levels of raw SQL

### [94. Vue Amsterdam 2022 - Part I: State of the Vuenion](https://hackernoon.com/state-of-the-vuenion-part-i)
![](https://cdn.hackernoon.com/images/NYsEt0jSD0Ttv4Gl8UDQGzu9Q9C3-sm93nnk.jpeg)
Overview of the Vue Eco-System in 2022. Evan You talks about Vue 3, Vue 2.7, Vue 3.3, Nuxt 3, Vuetify 3, Vite, VitePress, Volar, Vitest, etc

### [95. How to Generate TypeScript Type Definitions and Code from GraphQL](https://hackernoon.com/how-to-generate-typescript-type-definitions-and-code-from-graphql)
![](https://cdn.hackernoon.com/images/MIq3LAf1OoPW35o7MBmd2s51rcB3-cz0378l.jpeg)
Using GraphQL together with TypeScript can have huge advantages, as you can use your GraphQL schema to create TypeScript type definitions on the fly!

### [96. The RTK Query, API Splitting Approach, and the Nuances of "Making Life Simpler"](https://hackernoon.com/the-rtk-query-api-splitting-approach-and-the-nuances-of-making-life-simpler)
![](https://cdn.hackernoon.com/images/M6G22rxQzLTqx37eMqcSVG1Ybvj2-qk13o9y.jpeg)
RTK Query is definitely a cool library however it’s sadly not applicable to all of the use cases possible with an API. 

### [97. I Built a VSCode Extension: ngrok for VSCode](https://hackernoon.com/i-built-a-vscode-extension-ngrok-for-vscode-vf733yg5)
![](https://images.unsplash.com/photo-1577894947058-cfdae4276bef?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
Over the Easter weekend, a four day weekend characterised by lockdowns all over the world, I decided to use the extra time I had at home to start a new project and learn a new skill. By the end of the weekend I was proud to release my first VSCode extension: ngrok for VSCode.

### [98. Using Destructuring and Inline Types Can Hurt Your TypeScript Codebase](https://hackernoon.com/using-destructuring-and-inline-types-can-hurt-your-typescript-codebase)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-xz93syg.jpeg)
I want to show you how using destructuring and inline types in TypeScript makes your codebase less readable!

### [99. Checkers on React - Part 5 - Simple movement](https://hackernoon.com/checkers-on-react-part-5-simple-movement)
![](https://cdn.hackernoon.com/images/ARCWTrgYpoc531106B2eMedWoT42-8593pks.jpeg)
Adding simple movement to Checkers made in React, part of a series on learning how to implement the systems ended to create a simple boardgame on React. 

### [100. How to Fetch Data in Javascript like a Pro](https://hackernoon.com/how-to-fetch-data-in-javascript-like-a-pro)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-db93p6b.jpeg)
Fumbling with APIs? Learn how to use the fetch API to get your data in Javascript like a pro.

### [101. Improving Formik Performance when it's Slow (Material UI)](https://hackernoon.com/improving-formik-performance-when-its-slow-material-ui)
![](https://cdn.hackernoon.com/images/2CnaTwkypCg3LK5uANIw5XkUw453-xo0374j.jpeg)
Fix Formik slow performance. Increase Formik performance when using input fields. Happens when you use CSS-In-JS based UI libraries as they keep re-rendering.

### [102. Build a Simple Todo App with React Native and TypeScript](https://hackernoon.com/build-a-simple-todo-app-with-react-native-and-typescript)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-lf93yuq.jpeg)
How To Setup React Native and Create a Simple ToDo App

### [103. React Tutorial: How To Build a Virtualized List with Infinite Scroll and a Hook](https://hackernoon.com/react-tutorial-how-to-build-a-virtualized-list-with-infinite-scroll-and-a-hook-3x1w3611)
![](https://cdn.hackernoon.com/images/jgvl75J01zfc9i0NsYvVgqlVkkh2-tcnz39ku.jpeg)
When rendering a large set of data (e.g. list, table, etc.) in React, we all face performance/memory troubles. However, we can use the technique of DOM recycling to solve the troubles.

### [104. Defining Types: Using allOf in Swagger JSON ](https://hackernoon.com/defining-types-using-allof-in-swagger-json-l7393yj9)
![](https://cdn.hackernoon.com/drafts/ry2rs3y8k.png)
Image by Devanath from Pixabay 

### [105. Intro Guide to the GraphQL API using Node.JS and Apollo](https://hackernoon.com/intro-guide-to-the-graphql-api-using-nodejs-and-apollo)
![](https://cdn.hackernoon.com/images/o7di6srkiYgC0zRYYUawjHy1wFf2-i4ss39e9.jpeg)
GraphQL is the alternative for REST made by Facebook. When Facebook reached the limits of REST API, they had to make something breaking these limits.

### [106. How To Use Debounce in Next.js](https://hackernoon.com/how-to-use-debounce-in-nextjs)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-rv93qqx.jpeg)
Understanding Debounce in Next.js


### [107. The Only API You Need!](https://hackernoon.com/the-only-api-you-need)
![](https://cdn.hackernoon.com/images/Xqr4CUe3DYeURV7orh73yMqsUxI2-2bb35ge.jpeg)
"The Only API" is an open-source SDK that allows developers to query for anything they need in any data format. It has limitless capabilities. Try it now!

### [108. How to Build a TypeScript Project for Both CJS and ESM Targets](https://hackernoon.com/how-to-build-a-typescript-project-for-both-cjs-and-esm-targets)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-uu93tk9.jpeg)
Learn how to build a TypeScript library for both ESM and CommonJS targets using elegant configuration without third-party dependencies!

### [109. Everything You Need to Know About Promise.all() in JavaScript](https://hackernoon.com/everything-you-need-to-know-about-promiseall-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-e7b3srl.jpeg)
The Promise.all method in Javascript is a function that accepts many promises and then does something only after they have all been settled. 

### [110. Understanding the Javascript Array Reduce Method](https://hackernoon.com/understanding-the-javascript-array-reduce-method)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-pg93pt6.jpeg)
The JS reduce method is a recursive way to perform a computation based on every element in the array while considering the previous elements of the array.

### [111. Python vs JavaScript: Main Differences, Performance Comparison, and Areas of Application](https://hackernoon.com/python-vs-javascript-main-differences-performance-comparison-and-areas-of-application)
![](https://cdn.hackernoon.com/images/6EORd3lScrVTxxVB0ulAUeFzv0E2-1893k8j.jpeg)
The complexity of modern web apps lies far beyond creating eye-catching user interfaces with countless elements. To enable lag-free experience and effortless scalability, it’s important to pay due attention to the architecture design, which can be pretty challenging. Under the hood of a full-featured online app, different frameworks and libraries can peacefully coexist with different programming languages used to build software. Since the equation may contain so many variables, it’s essential to master your knowledge of each potential system component to know when and why to use them.

### [112. Understanding the Magic of 'this' in JavaScript](https://hackernoon.com/understanding-the-magic-of-this-in-javascript)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-b793y6e.jpeg)
It's something used all the time in Javascript, but often what it refers to is a mystery. Let's look at how this works in Javascript in different contexts.

### [113. How I Made a YouTube Video With React](https://hackernoon.com/how-i-made-a-youtube-video-with-react)
![](https://cdn.hackernoon.com/images/oUS9HxHnMOackh1UhEDoXjMokWv1-qgd2efa.png)
I wanted a good animation for my first YouTube video. But with no experience with tools like After Effects, what can I do? React JS to the rescue!

### [114. Meet the Writer: Matt Sokola on Helping People Feel Less Lonely on their Programming Journey](https://hackernoon.com/meet-the-writer-matt-sokola-on-helping-people-feel-less-lonely-on-their-programming-journey)
![](https://cdn.hackernoon.com/images/JnwMdaVZrzSOfLb9FHlT2x1vsd62-cf03gs8.jpeg)
Matt Sokola is a software engineer whose latest Hacker Noon Top story was on building a clone of the 2048 game with React and TypeScript.

### [115. 5 Complex TypeScript Problems Solved Using One Simple Example](https://hackernoon.com/5-complex-typescript-problems-solved-using-one-simple-example)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-9g93pmd.jpeg)
I will try to tell with a simple example of how TS can be applied, and how to solve seemingly complex problems step by step.

### [116. JSNation Live 2020, the remote spin-off of a successful JavaScript conference](https://hackernoon.com/jsnation-live-2020-the-remote-spin-off-of-a-successful-javascript-conference-xe1i3z6l)
![](https://cdn.hackernoon.com/images/zc1d3z82.jpg)
Would you like to know the future of the JavaScript ecosystem and get connected to a stellar crowd? To help you stay up-to-date on the latest JS tech, the GitNation team has come up with a new remote event taking place on June 18-19, 2020. JSNation Live, their 2-day event on all things JavaScript, will gather 25 thousand software engineers, making it the biggest JavaScript conference in the cloud. 

### [117. No More Heavy RAM Memory Consumption: Apply These 3 Secret Techniques](https://hackernoon.com/no-more-heavy-ram-memory-consumption-apply-these-3-secret-techniques-gwy33m0)
![](https://cdn.hackernoon.com/images/TRFPK3XpZCd1dMNTH0rDgvHfag92-6zp32xk.png)
It turns out that running ts-node-dev / ts-node is constantly consuming hundreds of megabytes of RAM - Here's how to fix it

### [118. How to Write & Organize Node.js API Tests the Right Way](https://hackernoon.com/how-to-write-and-organize-nodejs-api-tests-the-right-way)
![](https://cdn.hackernoon.com/images/2us6opa3wiYzGrBRHGVKk3LrYeL2-se92k1r.jpeg)
An architecture for writing and organizing your Unit & Integration Tests for Node.js REST APIs using Jest, Supertest & Chai.

### [119. Why Deno Could Replace Node](https://hackernoon.com/why-deno-could-replace-node)
![](https://cdn.hackernoon.com/images/1nmyNi8d4fh2IkT63X1q2L289Gy1-p923apd.jpeg)
What is Deno, why does it matter, and how is it currently used for server-side JavaScript?

### [120. The Best JavaScript Tools in 2022: An Essential Guide to Better Development](https://hackernoon.com/the-best-javascript-tools-in-2022-an-essential-guide-to-better-development)
![](https://cdn.hackernoon.com/images/ARjHAeZakQdsNplaSX9Eej7Mvem1-gmh3ks1.jpeg)
A breakdown of the most important JS dev tools in 2022, including their most relevant tradeoffs, and some opinionated advice sprinkled on top.

### [121. Autocomplete Search Component With React and TypeScript](https://hackernoon.com/autocomplete-search-component-with-react-and-typescript)
![](https://cdn.hackernoon.com/images/ngHeZCLQ7RUFohMJcsEYn7UCXkz2-0c93uls.jpeg)
Autocomplete Search Component With React and TypeScript

### [122. JSWorld Conference 2022: Part II](https://hackernoon.com/jsworld-conference-2022-part-ii)
![](https://cdn.hackernoon.com/images/NYsEt0jSD0Ttv4Gl8UDQGzu9Q9C3-8nc3m9c.jpeg)
JSWorld Conference is the number one JavaScript Conference in the world, and I share a summary of all the talks with you. Part II

### [123. Using Union Types to Improve Your TypeScript Code](https://hackernoon.com/using-union-types-to-improve-your-typescript-code)
![](https://cdn.hackernoon.com/images/v2vbcF16oXZmHSCzmO79EscR2hQ2-ov93l20.jpeg)
What are union types and how you can use them to your advantage!

### [124. JavaScript Maps: Everything You Need to Know](https://hackernoon.com/javascript-maps-everything-you-need-to-know)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-p893pta.png)
You might be using Javascript plain old objects right now when a map may be a better solution to your problem.

### [125. Implement Dynamics REST API using Node.js [Tutorial]](https://hackernoon.com/integrating-with-the-dynamics-rest-api-using-nodejs-3wk323t)
![](https://cdn.hackernoon.com/images/52h732j1.jpg)
Microsoft Dynamics 365 is a cloud-based business applications platform that combines components of customer relationship management (CRM) and enterprise resource planning (ERP), along with productivity applications and artificial intelligence tools, although currently Dynamics is more popular for its CRM capabilities. 

### [126. How to Sort an Array by Date in Javascript](https://hackernoon.com/how-to-sort-an-array-by-date-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-3j93ozp.jpeg)
We've all been in a situation in Javascript where we have a set of data, all with different dates, which we want to sort by date quickly. 

### [127. API Error Handling in React](https://hackernoon.com/api-error-handling-in-react)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-mo93snq.jpeg)
I will tell you what formats for common handlers exist and why it is better to agree on a single format with the backend than to fence a new solution every time

### [128. How to Pass Optional Parameters in Typescript](https://hackernoon.com/how-to-pass-optional-parameters-in-typescript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-f293opt.jpeg)
If you try to run a function with a different number of parameters than the function actually has, you'll get an error in TypeScript. Here's how to get past it.

### [129. React + Express + Typescript Boilerplate with Performance and Extended Functionality](https://hackernoon.com/full-stack-react-typescript-express-project-with-advanced-features-ts4m308w)
![](https://cdn.hackernoon.com/drafts/3p1jz30sr.png)
Why Another Boilerplate

### [130. Using TypeScript for AWS Lambda [A How-To Guide]](https://hackernoon.com/using-typescript-for-aws-lambda-a-how-to-guide-juf3yh3)
![](https://cdn.hackernoon.com/images/w5u73vpa.jpg)
When we are using NodeJS as the runtime for AWS Lambdas, JavaScript is the default language. However, due to the lack of typing check in JavaScript, from time to time, buggy codes are deployed to Lambda inadvertently. Such as a small typo like this:

### [131. Implementing Social Login for a React and Backend App](https://hackernoon.com/implementing-social-login-for-a-react-and-backend-app)
![](https://cdn.hackernoon.com/images/ngHeZCLQ7RUFohMJcsEYn7UCXkz2-cv93sn7.jpeg)
Implementing Social Login: A Step-by-Step Guide in  React with Typescript. How to add Github and Google login for users and taking advantage of the social netwo

### [132. npkill — The solution to deleting node_modules easily, with style](https://hackernoon.com/npkill-the-solution-to-deleting-node_modules-easily-with-style-q8a4308e)
![](https://cdn.hackernoon.com/images/mr14r300k.jpg)
Introduction

### [133. Future Javascript: Types May Finally be Coming to Javascript](https://hackernoon.com/future-javascript-types-may-finally-be-coming-to-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-we93jnd.jpeg)
The type annotations specification specifies how Javascript will, in the future, implement types. Let's look at how types in Javascript will work.

### [134. Unexpected Discoveries in TypeORM 0.3.11](https://hackernoon.com/unexpected-discoveries-in-typeorm-0311)
![](https://cdn.hackernoon.com/images/XIlys8PrM8eJ7n0qjETjuC0lbkB2-7i93qf7.jpeg)
TypeORM is an ORM tool for TypeScript, supports popular databases and make it easy to interact with them. Upgrade to v0.3.11 for new features and improvements. 

### [135. Fast Development With NodeJS: NestJS Boilerplate](https://hackernoon.com/fast-development-with-nodejs-nestjs-boilerplate)
![](https://cdn.hackernoon.com/images/SFsbtjO6xoXZQmI9d6SeRPSFgnH2-3n93whv.jpeg)
NodeJS NestJS boilerplate for fast starting a new backend project based on REST API

### [136. How to Build Landmark Recognition App with React Native and Vision AI ](https://hackernoon.com/how-to-build-landmark-recognition-app-with-react-native-and-vision-ai-r21s34uj)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FxcBRnQbsGCTrom5xuzwoxpuYWrJ3-zg6a3wfy.jpeg?alt=media&token=5a0f210b-be89-47eb-b5e4-95aefceee0b7)
In this article, we cover the second part of our two part series. We will create a React Native application that makes use of the Firebase Cloud Function that we created in the first part. Here I will cover building the application in detail. If you want to skip ahead to the finish line, the full code is available here.

### [137. Pocket Guide to Javascript Array Some Method](https://hackernoon.com/pocket-guide-to-javascript-array-some-method)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-sk93skq.jpeg)
The some array method lets us check if some elements pass certain criteria. Let's look at how it works.

### [138. JavaScript Loops: for/forEach/for.. in/for.. of Explained](https://hackernoon.com/javascript-loops-forforeachfor-infor-of-explained)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-8293sm4.jpeg)
There are quite a few ways in Javascript to loop through an array of items or any other iterable item in Javascript. You may have seen them:



### [139. Speech Recognition And Speech Synthesis on Angular](https://hackernoon.com/speech-recognition-and-speech-synthesis-on-angular-wj1a3ulr)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FYn5tWMJ716SW4g4burnKobHKlAl1-kag3zt7.jpeg?alt=media&token=87eeb9a3-66dc-41cd-acd4-f1737178b55d)
I was writing a chat bot where a user interacts with a machine learning powered bot, then I wanted to write a general example application for anybody to use it. In this application, there will not be any intelligence. The bot will simply recite what it heard so that anyone can implement his/her own logic. 

### [140. How To Link Mongoose And Typescript for a Single Source of Truth](https://hackernoon.com/how-to-link-mongoose-and-typescript-for-a-single-source-of-truth-94o3uqc)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F1osTuSMM6iaCeytAuOQoiMWCHx32-f9o2uys.jpeg?alt=media&token=d009af6a-0f5b-4b0e-bf5e-3af4d80b5ce4)
Without external tools

### [141. How to Determine Whether a JavaScript Object Is Empty](https://hackernoon.com/how-to-determine-whether-a-javascript-object-is-empty)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-ygc3shd.jpeg)
Defining a new object in Javascript is pretty easy - but what if you want to find out if it's empty?

### [142. TypeScript vs JavaScript: Understanding the Differences](https://hackernoon.com/the-difference-between-typescript-and-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-wg93pnd.jpeg)
 In this guide, I'll explain exactly what TypeScript is and why it's different from Javascript. 

### [143. Using Next.js to Effectively Format a Page and Structure Its SEO](https://hackernoon.com/using-nextjs-to-effectively-format-a-page-and-structure-its-seo)
![](https://cdn.hackernoon.com/images/KqfopgYCVjenJNeh8DD99wUIl1C2-t593q4n.jpeg)
Organizing your Next.js application and using its components.

### [144. A Quick Look at NodeLists and How They Work](https://hackernoon.com/a-quick-look-at-nodelists-and-how-they-work)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-3ha3o1b.jpeg)
Did you know that Javascript does not class a selection of multiple elements as an array?

### [145. Dev without Ops - Why we are building The Vercel for Backend](https://hackernoon.com/dev-without-ops-why-we-are-building-the-vercel-for-backend)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-6p93zg1.jpeg)
 It was a great feeling to see my first website live on the internet. 

### [146. Google Summer of Code: How I Got In and How You Can Too](https://hackernoon.com/google-summer-of-code-how-i-got-in-and-how-you-can-too-bz1q3568)
![](https://cdn.hackernoon.com/images/SEJOThhnU2YA4clw7XBRCJRDDNE3-7u8834v1.jpeg)
Wanna get into Google Summer of Code? Lean about how I did and maybe you can too!

### [147. An Introduction to Building on the Solana Network](https://hackernoon.com/an-introduction-to-building-on-the-solana-network)
![](https://cdn.hackernoon.com/images/xJq6KzZlkHOHXwVsDaxTQRCkHG92-zw028fz.png)
This tutorial will teach you how to build and deploy your own programs on the Solana blockchain!


### [148. How to Use Type Casting in Typescript](https://hackernoon.com/how-to-use-type-casting-in-typescript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-31a3ofx.jpeg)
To cast something in TypeScript, we use the 'as' keywords. Here's how type casting works in TypeScript.

### [149. Determine Whether an Array in JavaScript Is a Subset of Another Array](https://hackernoon.com/determine-whether-an-array-in-javascript-is-a-subset-of-another-array)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-24a3s7o.png)
There are many cases where knowing when an array is a subset of another can be pretty useful.

### [150. How to Make a WebSocket Server With JavaScript: I Like My Servers Like I Like My Coffee, My Own ](https://hackernoon.com/how-to-make-a-websocket-server-with-javascript-i-like-my-servers-like-i-like-my-coffee-my-own)
![](https://cdn.hackernoon.com/images/M6G22rxQzLTqx37eMqcSVG1Ybvj2-e293vg6.jpeg)
If you try to do something real-time with REST APIs, you're going to have a bad time.

### [151. The Array Every Method in JavaScript](https://hackernoon.com/the-array-every-method-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-5y93s5e.png)
Sometimes, with arrays, we want to test every element for a certain condition.

### [152. RTK for the useReducer Hook: A Guide](https://hackernoon.com/rtk-for-the-usereducer-hook-a-guide)
![](https://cdn.hackernoon.com/images/eQHzh6rz7ETBHLjs0KzCl1Dooqp2-pr93q3i.jpeg)
So, in the basic scenario when there are no needs in the redux, I will only use the hook itself without heavy libraries just for the small feature.

### [153. How to Publish React Components from any App](https://hackernoon.com/how-to-publish-react-components-from-any-app-hpj3u9r)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FSEsh1o9RwTXYhNjwNNQ7swZEOe33-ped3urq.webp?alt=media&token=ffb8b581-60f4-4b49-81c7-9827e534481f)
In this tutorial, I'll demonstrate how to publish React components from any application to Bit's registry. Components will be published as independent packages that later could be installed using NPM, Yarn or Bit. 

### [154. Out With Javascript, In With Typescript - The New Favorite Language](https://hackernoon.com/typescript-replaced-javascript-to-became-the-worlds-favourite-language)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-2u93y9w.jpeg)
According to the latest report, Typescript has surpassed Javascript to become world's favourite language for developers.

### [155. 10 More TypeScript  Alternatives ](https://hackernoon.com/10-more-typescript-alternatives)
![](https://cdn.hackernoon.com/images/XIlys8PrM8eJ7n0qjETjuC0lbkB2-a9j3q2y.jpeg)
In this article, we will continue our discussion and talk about the most popular TypeScript alternatives.

### [156. Fluent Interface With Callbacks](https://hackernoon.com/fluid-api-with-callbacks-ms2t37xs)
![](https://cdn.hackernoon.com/images/hq2on376o.jpg)


### [157. Upgrading Angular From v8 to v13](https://hackernoon.com/upgrading-angular-from-v8-to-v13)
![](https://cdn.hackernoon.com/images/LrWNRAIdtCOY8d8u2QJVOs2d1dv1-v793jsg.jpeg)
Upgrading from Angular 8 to 13 - the most common errors and their respective solutions

### [158. WebdriverIO Vs. Selenium: Who Will Win?](https://hackernoon.com/webdriverio-vs-selenium-who-will-win-rxz34gk)
![](https://hackernoon.com/images/SKjSflbzLAO6ucZtO6jiI25CWT63-wt1l34d3.jpeg)
Selenium is the most popular web UI automation tool, but does that mean that it's the best solution in test automation market?

### [159. A Closer Look at Immediately Invoked Function Expressions (IIFE) in JavaScript](https://hackernoon.com/a-closer-look-at-immediately-invoked-function-expressions-iife-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-0393spr.jpeg)
Immediately invoked function expressions, or IIFE, are functions that are run as soon as you define the function. 

### [160. Checkers on React - Part 6 - Player](https://hackernoon.com/checkers-on-react-part-6-player)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-dn93s8c.jpeg)
It’s time to add Players and the ability to change the current player on every next turn.

### [161. How I Use Node.js for DevOps Scripting](https://hackernoon.com/how-i-use-nodejs-for-devops-scripting)
![](https://cdn.hackernoon.com/images/Y3mpA6b8SWb4Zdw04zl4y4uDnrj1-vc93rm0.jpeg)
If you're using TypeScript/Node.js to write your application code, you should use them to write your DevOps scripts.

### [162. How to Remove Duplicate Elements in Javascript Arrays ](https://hackernoon.com/how-to-remove-duplicate-elements-in-javascript-arrays)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-n2f3sp2.jpeg)
Javascript arrays can contain duplicates - which is fine most of the time, but can sometimes cause some issues. 

### [163. "Change Your Inner Intent And Your Life Will Turn Around", Interview with Pierre-Antoine Mill](https://hackernoon.com/change-your-inner-intent-and-your-life-will-turn-around-interview-with-pierre-antoine-mill-wj1z3uwk)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F3nhao37bBEfHA9RTQ0WNVWfXPD02-sp93ujb.jpeg?alt=media&token=2f4e36b4-8d9c-4631-8525-3dc82ec5173c)
Pierre-Antoine Mill from France has been nominated for a 2020 #Noonie in the Software Development category.

### [164. JS Community Reacts to George Floyd’s Death](https://hackernoon.com/js-community-reacts-to-george-floyds-death-19cu30aj)
![](https://cdn.hackernoon.com/drafts/tncs30gs.png)
The killing by Minnesota police of George Floyd grabbed the media's attention recently. Nobody can be indifferent to this heinous crime, and the JS community has also reacted to the incident.

### [165. React cloneElement: A Better Way to Build a Component API Props in ES6 Javascript and Typescript](https://hackernoon.com/react-cloneelement-a-better-way-to-build-a-component-api-props-in-es6-javascript-and-typescript-z33c358m)
![](https://cdn.hackernoon.com/images/y8NSqnPTU9c56fOn4s37aT39glf2-0upj3z1b.png)
Using the React cloneElement is a better way to build a component API props in ES6 Javascript, and Typescript. Here's a tutorial on how to do so.

### [166. The 4 Pillars Of Automation](https://hackernoon.com/the-4-pillars-of-automation)
![](https://cdn.hackernoon.com/images/xE0fAi5KukV5XdKnLZGmmxF6iOi2-7s93lgl.jpeg)
In the test automation world, there is a competition between Puppeteer vs Playwright vs Selenium vs Cypress. These four pillars form the backbone of the space.

### [167. How to Set Up a Monorepo With Vite, TypeScript, and Pnpm Workspaces](https://hackernoon.com/how-to-set-up-a-monorepo-with-vite-typescript-and-pnpm-workspaces)
![](https://cdn.hackernoon.com/images/8SbntZgz0Gd3BdNeT9KrdzGK6wv1-3ea3ncq.jpeg)
In this article, we will talk about how to set up a monorepo with Vite, Typescript, and pnpm workspaces.

### [168. Automate the Boring Stuff ...using Gulp.js](https://hackernoon.com/automate-the-boring-stuff-using-gulpjs-9h3y3ybc)
![](https://cdn.hackernoon.com/drafts/sz4v3ylj.png)
Full Disclosure:

### [169. Localizing your React App with LinguiJS and Localazy](https://hackernoon.com/localizing-your-react-app-with-linguijs-and-localazy-cc1731an)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FMoJkXw8yrXWtwstaEMp5yol53TD2-zc2k2wke.jpeg?alt=media&token=dae8310e-a4f4-46ae-b086-6a22b254c3ec)
Do you have an app that you use and you want to localize it? Localizing is very important to ensure that all people can use your app with ease. With Localazy and LinguiJS you can achieve it easily (and for free)!

### [170. Checkers on React - Part 2 - Creating the Gameboard](https://hackernoon.com/checkers-on-react-part-2-creating-the-gameboard)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-p093psu.jpeg)
In this tutorial, we will start with creating the game board.

### [171. Utility Types in Typescript - Part 2: Pick, Omit, Record](https://hackernoon.com/utility-types-in-typescript-part-2-pick-omit-record)
![](https://cdn.hackernoon.com/images/GyReioOm4SYrQtHDFZYR7Ot7i3w1-xu92ixh.jpeg)
Typescript utility types allows Javascript developers to carry out type transformations. Some examples of utility types are Pick, Omit and Record.

### [172. Building Shared Access Shopping Cart With Angular & Firebase ](https://hackernoon.com/building-shared-access-shopping-cart-with-angular-and-firebase-wpbp3yvk)
![](https://cdn.hackernoon.com/drafts/0k853yu8.png)
Retail illustration by Sail Ho Studio 

### [173. How I Organized my Node.js REST API](https://hackernoon.com/how-i-organized-my-nodejs-rest-api-aq573376)
![](https://cdn.hackernoon.com/drafts/la4l3xkh.png)
When I started using Node.js for building REST APIs on the server side, I struggled a lot with the same question over and over again:

### [174. How to Create a Serverless API Using AWS Lambda and Node.js with TypeScript and Express.js](https://hackernoon.com/how-to-create-a-serverless-api-using-aws-lambda-and-nodejs-with-typescript-and-expressjs)
![](https://cdn.hackernoon.com/images/iKaRdx2obzTbVRWs5dbTRcG8zVj1-l992rny.jpeg)
An example application using the Node.js with TypeScript and Express.js where a serverless API will be implemented and deployed on the AWS Lambda service.

### [175. Efficient State Management in JavaScript Apps with Statemanjs](https://hackernoon.com/efficient-state-management-in-javascript-apps-with-statemanjs)
![](https://cdn.hackernoon.com/images/Y9mLJBOzhWa36w3ZrREH1blP52T2-fn935gb.png)
Statemanjs is a powerful, efficient state management library for JavaScript and Node.js.

### [176. Build Faster Next.js Static Sites Using MDX And Contentlayer ](https://hackernoon.com/build-faster-nextjs-static-sites-using-mdx-and-contentlayer)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-m393zyp.jpeg)
Publishing static content becomes so effortless with Next.js, MDX, and Contentlayer. This article will show you how easy it is to implement that system.

### [177. 5 Software Engineer Approved Ways to Optimize Development of a React App](https://hackernoon.com/5-software-engineer-approved-ways-to-optimize-development-of-a-react-app-ro2031h8)
![](https://cdn.hackernoon.com/images/vs58yHu80FMCBlLC590ASRmc8Hl1-gjp31gt.jpeg)
When it comes to React, there are some of the things that will optimize your code and will give you better results in it.

### [178. How to Create Your ESLint Plugin in Typescript With a Template, Tests, and Publication](https://hackernoon.com/how-to-create-your-eslint-plugin-in-typescript-with-a-template-tests-and-publication)
![](https://cdn.hackernoon.com/images/coding-falling-from-the-sky-clfd3387j000001s6famq1ki4.png)
Step by step guide to write eslint plugin using typescript with tests and template

### [179. How to Insert an Item Into an Array at a Specific Index in Javascript](https://hackernoon.com/how-to-insert-an-item-into-an-array-at-a-specific-index-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-0k93p31.jpeg)
We use the splice method to insert an item into an array at a specific index in javascript, which takes 3 arguments - and also lets us delete items too. 

### [180. How To Build a Table With Sticky Headers in Pure CSS](https://hackernoon.com/how-to-build-a-table-with-sticky-headers-in-pure-css-pc19313h)
![](https://cdn.hackernoon.com/images/4qzOWT5DeLPh3BnxwuF5cUyAwzs2-2kg31oz.png)
While creating user interfaces, we often encounter the problem that there is more data in our tables than can be fitted in the visible viewport. To achieve an excellent user experience on components like Gannt charts, data tables and spreadsheets, we often use the sticky CSS property on the header elements. This is a simple task when doing it only on one edge of the table.

### [181. Build a Solana Crowdfunding App using React](https://hackernoon.com/build-a-solana-crowdfunding-app-using-react)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-qc93plt.jpeg)
A step-by-step guide to building a Solana Crowdfunding App using React and TypeScript.

### [182. Refi App Allows Devs to Get Through 4 Firestore Issues at Once: Learn More](https://hackernoon.com/refi-app-allows-devs-to-get-through-4-firestore-issues-at-once-learn-more-thw334j)
![](https://cdn.hackernoon.com/images/noz7t4z89wVsgU4IFZNeqzaO2kv2-fl5339c8.png)
Refi App - A tool to make developer less painful when interacting with Firestore DB

### [183. How to Use Zero Knowledge Dapp Boilerplate](https://hackernoon.com/how-to-use-a-zero-knowledge-dapp-boilerplate)
![](https://cdn.hackernoon.com/images/ghNSk6l5TwN1Zm4sPpFRTGpklu93-s6a3l2g.jpeg)
Learn how to build zero knowledge dapps, using zero knowledge proofs boilerplate. Build age verification dapp using zero knowledge proofs.

### [184. How To Setup Caching in Nodejs](https://hackernoon.com/how-to-setup-caching-in-nodejs-ru1l31zy)
![](https://cdn.hackernoon.com/images/GvZ5fLDMgCRns5Rz6XY1hMONstK2-eh6s31vn.png)
How to use decorators to implement in a few lines of code a coaching mechanism for both node and web application 

### [185. Using ReactGrid and Chart.js to Create a Financial Liquidity Planner ](https://hackernoon.com/using-reactgrid-and-chartjs-to-create-a-financial-liquidity-planner-pj2733ke)
![](https://cdn.hackernoon.com/images/4qzOWT5DeLPh3BnxwuF5cUyAwzs2-ssaj33g3.png)
We made ReactGrid to compose your view with arbitrary cell order. Today we present a few tips for implementing ReactGrid in your own React project.

### [186. Migrating Away From Query Builders and ORMs in JavaScript or TypeScript](https://hackernoon.com/migrating-from-query-builders-and-orms-in-javascript-or-typescript-gc113uh0)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FMJpFVUEItkSdoh38rYo60VT7RfH3-amu4vcb.jpeg?alt=media&token=b5488f54-c468-4e97-9c2d-a716ef0eb50f)
I spent the better part of a day moving a project completely off of the ORM we were using (TypeORM). Ever since I started doing web development, I’ve been using some kind of heavy abstraction on top of my database. Whether it’s Mongoose when I used MongoDB, or TypeORM when I decided to move to TypeScript and PostgreSQL. However, it turns out that ORMs and query builders aren’t so great. I used to be that person that thought ORMs and query builders did the job for me, and I used it as an excuse to not learn SQL (which is what everyone tells you NOT to do). Given the tools that exist today, I would wholeheartedly recommend doing it the opposite of how I did if you’re starting off new to these things — write your SQL stuff by hand, or with help from the tools I mention later in the post. It’ll feel really slow at first, but you’ll thank yourself later 😄

### [187. Harnessing the power of Mixins in Angular](https://hackernoon.com/harnessing-the-power-of-mixins-in-angular-faox230fk)
![](https://cdn.hackernoon.com/images/e01fm30mt.jpg)
What is a mixin? As per version 2.2, TypeScript now supports the concept of a mixin - a function that can take a class, extend it with some functionality, and then return the new class, allowing other classes to extend from it - allowing classes to mix and share functionalities!

### [188. The New Solidity Dev Stack: Buidler + Ethers + Waffle + Typescript [Tutorial]](https://hackernoon.com/the-new-solidity-dev-stack-buidler-ethers-waffle-typescript-706830w0)
![](https://cdn.hackernoon.com/images/lq83h3x08.jpg)
Ethereum development, while still very nascent in feel, has come a long way. When I started developing Solidity smart contracts and Ethereum dapps in 2017, Truffle and Web3.js were the industry standard. These are great tools and I have tons of respect for the people that built them. However, anyone who has used them has dealt with bugs and sometimes poor developer experience. There are a few new tools out there that have clearly been inspired by these first sets of tools and made the developer process much better.

### [189. An Introduction To TypeScript for JavaScript Developers](https://hackernoon.com/an-introduction-to-typescript-for-javascript-developers)
![](https://cdn.hackernoon.com/images/0kymacDO55Vh1xdKhOVvdqBUy7G3-g902bzu.jpeg)
Learn Typescript to write maintainable code. Javascript is fast to prototype, but that's not all we want. Let's learn how to write type-safe code.

### [190. Typescript 3.9: What got changed?](https://hackernoon.com/typescript-39-what-got-changed-ft3f3vbz)
![](https://cdn.hackernoon.com/images/px52c3vht.jpg)
Hey! guys, in this post I will be discussing the changes brought in by typescript 3.9. I will give some code examples and brief descriptions.

### [191. How to Create Your First NestJS App](https://hackernoon.com/how-to-create-your-first-nestjs-app-jp143t8y)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2Fh8xg6re8hLZ4CkMAjShvVs5r2pJ2-5qch4to7.jpeg?alt=media&token=e21e05a3-db39-4586-8d38-f14aeaf0febc)
In this article, I’m going to walk you through developing a simple todo rest application in NestJS and give you an overview of this framework.

### [192. Building Embeddable Widgets with TypeScript](https://hackernoon.com/building-embeddable-widgets-with-typescript)
![](https://cdn.hackernoon.com/images/IDrwnuUpw3ciQtHAlLVk7zUZSpN2-t0b3s16.jpeg)
Step-by-step process from creating an Embedded widget using Shadow DOM and Typescript.

### [193. Locking down your API_KEY and why that is important](https://hackernoon.com/locking-down-your-api_key-and-why-that-is-important-yr9c38zh)
![](https://cdn.hackernoon.com/drafts/6e2hz32yz.png)
Do you leave your keys inside your car in a big parking lot? If not, then why do you expose your API_KEYs in your Github projects?

### [194. Step Up Your Game and Start Using Nest](https://hackernoon.com/step-up-your-game-and-start-using-nest)
![](https://cdn.hackernoon.com/images/NPpeHHzuHSQz9hZ52qrNTgG9C6a2-ffg35w5.jpeg)
NestJs is an easy-to-learn and powerful framework. The beginner's guide for developers will teach you how to create an application using the NestJS framework.

### [195. How to Interact With the Elrond Blockchain in a Simple Static Website](https://hackernoon.com/how-to-interact-with-the-elrond-blockchain-in-a-simple-static-website)
![](https://cdn.hackernoon.com/images/WnwPGlES2WY4nze2ShULktvmMBF2-rb926zp.jpeg)
The tool is called elven.js. It is an open-source MIT licensed tool based on the official erdjs SDK. What it does is it 

### [196. Component-Driven Collaboration](https://hackernoon.com/component-driven-collaboration-762i3y4e)
![](https://cdn.hackernoon.com/drafts/1nw3ybs.png)
Component-Driven Collaboration (CDC) is a way to build frontend code, as a team, by delivering code updates as meaningful independent components. CDC can be contrasted by the "traditional" way of delivering updates with no clear borders, meaning or purpose.

### [197. Making an Electron 7 React app for the challenger Bank Revolut](https://hackernoon.com/making-an-electron-7-react-app-in-2019-for-the-neo-bank-revolut-gt6o45lx)
![](https://cdn.hackernoon.com/drafts/13i45m0.png)
Living in the UK, it is almost impossible not to be tempted to try the new challenger banks such as Revolut, Starling and Monzo. I am currently using Revolut as my main bank account and felt the need to access it from my computer.

### [198. Hammering at Clean Architecture](https://hackernoon.com/hammering-at-clean-architecture-1wbr3cgo)
![](https://cdn.hackernoon.com/drafts/iz1r3c8g.png)
Who doesn’t like sharpshooting wood elves, chaos infested wastes and dwarfs digging deep under the mountain for treasures? Daring Sigmarite warrior priests and armour-clad chaos Chosen and all manner of other fantastic creatures? I know this might sound weird, but this is an article about programming! I’ve recently gained interest in trying to understand a bit more about Uncle Bob’s clean architecture design and, to do that, I’ve created a small app that I believe showcases some of the main strengths that I believe it has. Disclaimer: All Warhammer references are the property of Games Workshop and I also do not claim to be some clean architecture guru. But maybe this will help someone else with their first steps in grasping the concepts of this cool new toy I’ve found.

### [199. Easily Create An NFT App Using The New Infura NFT SDK TypeScript](https://hackernoon.com/easily-create-an-nft-app-using-the-new-infura-nft-sdk-typescript)
![](https://cdn.hackernoon.com/images/2jqChkrv03exBUgkLrDzIbfM99q2-ic92hl1.jpeg)
If you know typescript, it’s easy to add the ability to create, mint, and manage non-fungible tokens (NFTs) to your app. 

### [200. Making HTTP Requests With Axios in TypeScript](https://hackernoon.com/making-http-requests-with-axios-in-typescript)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-q893stj.jpeg)
We decided to rewrite our simple fetch service to a more powerful solution with the ability to cancel requests which were sent previously.

### [201. How to Use Default Parameters in TypeScript](https://hackernoon.com/how-to-use-default-parameters-in-typescript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-z0a3ojj.jpeg)
When we talk about default parameters, we are talking about giving arguments values that should be used, if that argument is undefined.

### [202. 7 Tips to Making Your Puppeteer Scripts More Bulletproof](https://hackernoon.com/7-tips-to-making-your-puppeteer-scripts-more-bulletproof)
![](https://cdn.hackernoon.com/images/ucXRfHLu6lM4i2WLZCrOsvuUwYU2-tua3q2s.jpeg)
How these 7 tips and tricks can help your puppeteer code stand out and work more reliably.

### [203. Writing a Production Ready Express Server [A Step by Step Guide]](https://hackernoon.com/writing-a-production-ready-express-server-a-step-by-step-guide-2k6732x5)
![](https://cdn.hackernoon.com/images/owd02ed6.jpg)
In this article I will be explaining how to write a simple express server that is of Production Grade.

### [204. How We Built A Rich Text Editor in React with SlateJS](https://hackernoon.com/how-we-built-a-rich-text-editor-in-react-with-slatejs-ni153z3b)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FQNyLqFXGvYRXJI4JG991mDDnbcC2-5v643toq.jpeg?alt=media&token=25ec3223-aad1-492e-bdb9-35bb53581517)
Building an awesome editor for your React-based web application is by no means easy. But with SlateJS things get much easier. Even with the help of Slate, building a full-featured editor is way more work than we can cover in one blog post, so this post will give you the big picture and subsequent posts will dive into the dirty details.

### [205. 🎉 Deno: 1.0: A Review of Features [We're Going Live]](https://hackernoon.com/deno-10-a-review-of-features-were-going-live-ri8030ql)
![](https://cdn.hackernoon.com/images/tp3zn3yfn.jpg)
🤠 Introduction

### [206. Top 10 Libraries to Kick Start Your JavaScript and TypeScript](https://hackernoon.com/top-10-libraries-to-kick-start-your-javascript-and-typescript)
![](https://cdn.hackernoon.com/images/Lbx1v25fixdJYJjIybwU5KlPr9o2-9g93uj5.jpeg)
Here’s a list of unique libraries that you can use to get your next idea off the ground. 

### [207. The Coder's Gambit: Create a Chess Game with React and Chessboardjsx ](https://hackernoon.com/the-coders-gambit-create-a-chess-game-with-react-and-chessboardjsx-za2z31oc)
![](https://cdn.hackernoon.com/images/1YXFIyZr1ESaAbiPktwpv7ignz73-b31q319u.jpeg)
In this article we are going to create a chess game with React and Chessboardjsx ♟️. On top of that, we will use the chess.js library.

### [208. Building An Airbnb-Like Map in Next.js](https://hackernoon.com/building-an-airbnb-like-map-in-nextjs)
![](https://cdn.hackernoon.com/images/XyqHIwK0xDMOGdIf5iTNW4CrLjb2-yuh3veu.png)
We will be building a proof of concept to create customer Google Maps markers using any React component in a Next.js project using AirBnB as an example

### [209. 5 easy wins to refactor even the ugliest code](https://hackernoon.com/5-easy-wins-to-refactor-even-the-ugliest-code-302ie30o1)
![](https://cdn.hackernoon.com/drafts/o42jw30q0.png)
Writing clean code can be a challenge when you start on a new project. Trying to clean up code in an already existing application without breaking anything is similar to this:

### [210. Exploring TypeScript Mapped Types Together](https://hackernoon.com/exploring-typescript-mapped-types-together-fxz317o)
![](https://cdn.hackernoon.com/images/fLkegRBsPUbS1klj5UOm0BgFRPl2-kddw3eba.jpeg)
Typescript Mapped Types From Beginner to Pro

### [211. The Most Convenient Ways of Writing Transactions Within the Nest.js + TypeORM Stack](https://hackernoon.com/the-most-convenient-ways-of-writing-transactions-within-the-nestjs-typeorm-stack-3q3q33jd)
![](https://cdn.hackernoon.com/images/VvUjJZCwxhcgD82kAGYtsitUtvj2-gi1c334f.jpeg)
If you have some troubles with transactions in Nest.js - this article will help you.

### [212. Checkers on React - Part 4 - Figures, Selection](https://hackernoon.com/checkers-on-react-part-4-figures-selection)
![](https://cdn.hackernoon.com/images/ARCWTrgYpoc531106B2eMedWoT42-2a93n2p.jpeg)
Adding figures and selection to a version of Checkers made on React is reasonably simple if you know the basic steps of adding game logic into the language

### [213. Understanding Javascript's Array Slice Method](https://hackernoon.com/understanding-javascripts-array-slice-method)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-cb93p0l.jpeg)
The slice method on arrays returns a shallow copy of a part of an array. It takes two numbers, a start, and an end. Every array has a slice method. 

### [214. The Mediator Pattern for Ultimate Coding Speed ](https://hackernoon.com/the-mediator-pattern-for-ultimate-coding-speed)
![](https://cdn.hackernoon.com/images/2CnaTwkypCg3LK5uANIw5XkUw453-kxa2dts.jpeg)
Improve coding speed, reduce code breaks, increase flexibility and modularity with a simple yet underestimated pattern, the Mediator in the form of CQRS.

### [215. Maximize Your React Skills: Build a To-Do List App from Start to Finish (with TypeScript + Vite)](https://hackernoon.com/maximize-your-react-skills-build-a-to-do-list-app-from-start-to-finish-with-typescript-vite)
![](https://cdn.hackernoon.com/images/42fVSCMQWfSi7dcFWQN3DtjfjLC2-1lg3opf.jpeg)
Master the basics of building an app with React and TS. Learn how to use state, props, and data flow to create a fully functional app.

### [216. How to Become a TypeScript Badass](https://hackernoon.com/how-to-become-a-typescript-badass-0o213e4v)
![](https://cdn.hackernoon.com/drafts/993b36p8.png)


### [217. React-Native Background Location Module For Android](https://hackernoon.com/react-native-background-location-module-for-android-p3ey36hj)
![](https://images.unsplash.com/photo-1548345680-f5475ea5df84?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
This post will cover a topic that has been key in many applications and will focus on a solution working fully on the background and the most interesting part of all: working from Android 4.4 (SDK 19) to the most recent version at the time of writing which is Android Oreo (SDK 27).

### [218. Debugging RAM: Detect/Fix Memory Leaks in Managed Languages - Heap Deep Dive, Part 2](https://hackernoon.com/debugging-ram-detectfix-memory-leaks-in-managed-languages-heap-deep-dive-part-2)
![](https://cdn.hackernoon.com/images/PVJZAra3SJb106HGMWMnMsiHUCk1-ea02hm8.jpeg)
Java & JavaScript are garbage collected languages. But memory leaks can still plague them. Avoid, detect and fix these heap problems using this guide

### [219. How to Build a React Component Library From Scratch](https://hackernoon.com/building-a-react-component-library-from-scratch)
![](https://cdn.hackernoon.com/images/UZsiGCDKLlXnEsYH3wk6XxwvRz82-lpg2fod.jpeg)
A component library is one of the coolest things a web developer can make, but if you don't know how to make one, let me guide you a bit.

### [220. Introducing The Web Animations API and @okikio/animate ](https://hackernoon.com/introducing-the-web-animations-api-and-okikioanimate-qx4e35mx)
![](https://cdn.hackernoon.com/images/Ve6JdQOItYcauAkKDILSwLYDpLI2-y7d342f.jpeg)
@okikio/animate is an animation library for the modern web, it uses the Web Animation API to deliver butter smooth animations at a small size.

### [221. 15 Best Web Development Tools To Use In 2021](https://hackernoon.com/15-best-web-development-tools-to-use-in-2021-89j37j6)
![](https://cdn.hackernoon.com/images/uehDVtnVGYe0dhArlJa1buMOtFt1-pkb35ih.jpeg)
Here are the best tools for web developers. Here is a list of tools that you can use to build your website, and all of them are useful. Read this article to get

### [222. The Typescript Quirks That Pushed me to Create a New Dependency Injection Library](https://hackernoon.com/the-typescript-quirks-that-pushed-me-to-create-a-new-dependency-injection-library)
![](https://cdn.hackernoon.com/images/oJkZK1nJPOOiADYWc2TT0tjr4al1-pb92ipx.jpeg)
The Typescript quirks that pushed me to reinvent the wheel by creating a new-brand Dependency Injection library for Javascript.

### [223. A Post-Mortem in 5 Acts: How Microsoft Privatized Open Source And Killed JavaScript in the Process](https://hackernoon.com/a-post-mortem-in-5-acts-how-microsoft-privatized-open-source-and-killed-javascript-in-the-process-5s5i33ma)
![](https://cdn.hackernoon.com/images/5URxBcBGLKNzh7IugyxdUmvDGgi1-v1a32gr.jpeg)
After Microsoft’s blitzkrieg take-over, the Open-Source JavaScript community as we know it is coming to an end. It’s a ‘secret’ war with high-tech propaganda.

### [224. Learn Advanced TypeScript](https://hackernoon.com/learn-advanced-typescript-4yl727e6)
![](https://cdn.hackernoon.com/images/iukz27ez.jpg)
Despite the popularity of currying and the rise of functional programming (and of TypeScript), it is still a hassle today to make use of curry and have proper type checks. Even famous libraries like Ramda do not provide generic types for their curry implementations (but we will).

### [225. Let’s Explore ARK Core v3:  Infrastructure [Part 1]](https://hackernoon.com/lets-explore-ark-core-v3-infrastructure-part-1-611632ul)
![](https://cdn.hackernoon.com/images/uy1d326k.jpg)
This is Part 1 of 6 in the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.

### [226. Interview with Ajdin Imsirovic on Angular and Frontend Web Development](https://hackernoon.com/interview-with-ajdin-imsirovic-on-angular-and-frontend-web-development-4v2u32jp)
![](https://cdn.hackernoon.com/images/f3dv325g.jpg)
Today I'm pleased to interview Ajdin Imsirovic, senior developer, author and teacher of two brand new Angular courses on Learnetto - The Free Visual Guide to Getting Started with Angular and The Complete Practical Angular Course.

### [227. Svelte State Management: Creating Contact Form](https://hackernoon.com/svelte-state-management-creating-contact-form-2t7y366h)
![](https://images.unsplash.com/photo-1577648188599-291bb8b831c3?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
Recently, I came into Svelte and ... I love it.

### [228. How To Get The Most Out Of TypeScript](https://hackernoon.com/how-to-get-the-most-out-of-typescript-zbj3wxo)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FC4iCUlaXiNQfAtPBLdpyG07Sk622-hl7t3w8r.jpeg?alt=media&token=93b07bcc-d657-4393-83b0-7c63430f2e58)
I love TypeScript. I’ve been using it for over 2 years in various projects, and the more I use it the less compelling I find vanilla Javascript.

### [229. Connecting ReactGrid And Chart.js](https://hackernoon.com/connecting-reactgrid-and-chartjs-oe1i3158)
![](https://cdn.hackernoon.com/images/4qzOWT5DeLPh3BnxwuF5cUyAwzs2-bh7f31tc.png)
Creating a sample app with ReactGrid, Chart.js and Typescript

### [230. Javascript Sets: An Essential Guide](https://hackernoon.com/javascript-sets-an-essential-guide)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-4493pln.jpeg)
A Set in Javascript is a unique list of values, similar to the set data type in Python.

### [231. Connecting React 17, TypeScript, Tailwind CSS, NextJS Into Developers Friendly Application](https://hackernoon.com/connecting-react-17-typescript-tailwind-css-nextjs-into-developers-friendly-application-cj283wpv)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FWvW28jEl4jUjfwJehRmZlkXmrQw2-7x5030lw.png?alt=media&token=8365cabe-bae3-4af9-94b1-3b7d4264a16f)
NextJS is becoming a de facto framework for modern web development. In this article we will build a starter repo that you can use for every new project.

### [232. Are Angular and Angular JS The Same?](https://hackernoon.com/are-angular-and-angular-js-the-same-c6o3tn3)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FBzPgfgOjQ7PvB2dIqnujhKIRnLU2-de3o3u26.jpeg?alt=media&token=0f0f26bd-9775-4587-9632-97f8d2bd9364)
In this article, we figure out the key differences between Angular and AngularJS open source tools for front end developers to make the usage of these frameworks, terms, and names more conscious. But before we start to compare, let’s clarify what these names mean.

### [233. Create a NodeJS FAQ Chatbot - A Step-by-Step Guide](https://hackernoon.com/create-a-nodejs-faq-chatbot-a-step-by-step-guide-dm1f3zv0)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FNu16Dpd1qWVDEedGZKeDXsP0dXo1-ohp23n8.jpeg?alt=media&token=0310bfb5-6f60-4ac1-90b6-1abf48dac1cf)
A FAQ Chatbot have the purpose of answering the most common questions asked by users. We will build one using Bard and some of its funtionalities, that will help us to build a smarter chatbot.

### [234. The Complete Guide to Making Sense of Types in TypeScript](https://hackernoon.com/the-complete-guide-to-making-sense-of-types-in-typescript)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-6493yow.jpeg)


### [235. Vue Amsterdam 2022 - Part II: Getting More Out of Your Pinia Stores](https://hackernoon.com/state-of-the-vuenion-vue-amsterdam-2022-part-ii)
![](https://cdn.hackernoon.com/images/NYsEt0jSD0Ttv4Gl8UDQGzu9Q9C3-ca93nw9.jpeg)
In this talk Eduardo goes through some of the internals of Pinia, understanding them and discovering how to enhance our usage of Pinia.

### [236. GraphQL Is Not a Silver Bullet](https://hackernoon.com/graphql-is-not-a-silver-bullet)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-8f93pug.png)
GraphQL is not a configuration language, also not a transformation language, a replacement for SQL, and definitely not Terraform.

### [237. How To Boost Your Coding Productivity with Plop](https://hackernoon.com/how-to-boost-your-coding-productivity-with-plop-zr113ud3)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F3nhao37bBEfHA9RTQ0WNVWfXPD02-30q3u8g.gif?alt=media&token=d80e1a27-4ec6-4e3d-8adf-0fb54b6fbd30)
Previously, I talked about how Plop can help increase productivity when coding by reducing context switching. In this article, we’ll dive into an example and configure a Plop generator to create a React component in Typescript. By the end, you’ll be able to start using Plop to build your own generators for any type of project and reap the productivity benefits!

### [238. Is Typescript Right for Your Project? ](https://hackernoon.com/is-typescript-right-for-your-project)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-7n93ymy.jpeg)
A conceptual dive into the pros and cons of typescript and what sets it apart from javascript. 

### [239. Caching Observables/Promises](https://hackernoon.com/caching-observables-85273795)
![](https://cdn.hackernoon.com/images/d078e37v2.jpg)
Sometimes, we may just want to cache a method return value for sometime. Typescript decorators come really handy. We can create a custom decorator and drop it on a method and be done with it. 

### [240. Understanding Typescript Generics and How to Implement Them](https://hackernoon.com/understanding-typescript-generics-and-how-to-implement-them)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-8503ksc.png)
Typescript generics are a way to create flexible, reusable code components in typescript.

### [241. Let's Explore ARK Core: Kernel & Services [Part 3]](https://hackernoon.com/exploring-ark-core-v3-kernel-and-services-part-3-om2f32lw)
![](https://cdn.hackernoon.com/images/iui532lk.jpg)
This is Part 3 of 6 in the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.

### [242. S.O.L.I.D. Software Design Principles To Help You Become A Better Developer](https://hackernoon.com/solid-software-design-principles-to-help-you-become-a-better-developer-v13j3woa)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F8dezzY1GzzORsFXtSs0lFy5AfNP2-ik5y3yzx.jpeg?alt=media&token=eb939084-c26f-4290-a405-6cc35a73cd99)
S.O.L.I.D design principle comes from Object oriented programming guidelines. It is designed to develop software that can be easily maintained and extended; prevents code smells; easy to refractor; promotes agility and finally incorporates rapid + frequent changes quickly without bugs.

### [243. Migrating a 50K SLOC Flow + React Native app to TypeScript](https://hackernoon.com/migrating-a-50k-sloc-flow-react-native-app-to-typescript-c91aj3ton)
![](https://cdn.hackernoon.com/drafts/1a10e32pt.png)
Photo by Sergey Pesterev on Unsplash



### [244. Let’s Explore ARK Core v3: Bootstrap & Events [Part 2]](https://hackernoon.com/lets-explore-ark-core-v3-bootstrap-and-events-part-2-lz633yht)
![](https://cdn.hackernoon.com/images/651xb32jm.jpg)
This is Part 2 of 6 in the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.

### [245. 5 Situations Where TypeScript is Overkill: A Guide for Developers](https://hackernoon.com/5-situations-where-typescript-is-overkill-a-guide-for-developers)
![](https://cdn.hackernoon.com/images/xc4tHTeTFVT2acicoza639IgwXu1-1e93s09.jpeg)
This article explores situations where TypeScript may be overkill, such as simple projects, prototyping, limited resources, tight deadlines, and legacy code.

### [246. Create a Custom React Library in TypeScript to Re-Use Across Your Projects With Storybook ](https://hackernoon.com/create-a-custom-react-library-in-typescript-to-re-use-across-your-projects-with-storybook)
![](https://cdn.hackernoon.com/images/gR1gzhiKJ9ap4CZQY3qUt8hDKrI3-9d02gwf.jpeg)
Move all the reusable components like buttons, input fields, headers, icons, etc., everything that your app needs, into a separate, installable package.

### [247. Conditional Rendering in Vue](https://hackernoon.com/conditional-rendering-in-vue)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-d393s9g.jpeg)
v-if and v-show are two ways to conditionally render content in Vue. 

### [248. The Noonification: What is a Support Vector Machine? (10/10/2022)](https://hackernoon.com/10-10-2022-noonification)
![](https://cdn.hackernoon.com/images/zduv342l.gif)
10/10/2022: Top 5 stories on the Hackernoon homepage!

### [249. Smartype Hubs: Keeping Developers in Sync With Your Data Plan](https://hackernoon.com/smartype-hubs-keeping-developers-in-sync-with-your-data-plan)
![](https://cdn.hackernoon.com/images/adxOC8WlP1OTnFqCw6rgfMcBzQI2-p6b3hrh.jpeg)
Implementing tracking code based on an outdated version of your organization's data plan can result in time-consuming debugging, dirty data pipelines, an

### [250. Sending an Invoice and Adding a Payment Reminder in Next.js with Courier API](https://hackernoon.com/sending-an-invoice-and-adding-a-payment-reminder-in-nextjs-with-courier-api)
![](https://cdn.hackernoon.com/images/7OHSNWE6pKYVHaleLrssNcNVlPe2-xe93p4y.png)
How to send invoices and add a payment reminder in Next.js with Courier API. Utilizes React and JavaScript to build services in Node.JS.

### [251. Using Next.js 13’s Bleeding-Edge Features for Data Fetching](https://hackernoon.com/using-nextjs-13s-bleeding-edge-features-for-data-fetching)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-bpa3o5c.jpeg)
The app directory, Streaming, Suspense, and hybrid Server and Client Components were demystified — with a little help from GraphQL + WunderGraph.

### [252. Isomorphic TypeScript APIs are a Gamechanger, Blurring the Line Between Client & Server](https://hackernoon.com/isomorphic-typescript-apis-are-a-gamechanger-blurring-the-line-between-client-and-server)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-tpe3ouz.jpeg)
Full-Stack development just reached a whole new level of productivity. Isomorphic TypeScript APIs, as I call them, blur the lines between client and server. 

### [253. Webiny v5 Update: DynamoDB, VPC  Support, and Performance Improvements](https://hackernoon.com/webiny-v5-update-dynamodb-vpc-support-and-performance-improvements-5c5w33kn)
![](https://cdn.hackernoon.com/images/ZkfENnt2LdcfkiwMm6iukaGEHnB3-fda3fke.jpeg)
In the last 6 months, we put 100% of our focus on addressing this feedback and getting Webiny to the next level. Today we present the Webiny v5 release.

### [254. Understanding The RxJS Autorun Process](https://hackernoon.com/understanding-the-rxjs-autorun-process-itf3whw)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F7wOnKDDXTVhdcJdZQKiEUll6gnC3-45173w55.png?alt=media&token=7d255589-b7e9-46e1-b5aa-8d333e1e6555)
Hey, RxJS streamers! 🙋‍♂️

### [255. 🐲 Dragon Router Introduction: HTTP Router and URL Matcher For Building Deno Web Servers](https://hackernoon.com/dragon-router-introduction-http-router-and-url-matcher-for-building-deno-web-servers-x7y3158)
![](https://cdn.hackernoon.com/images/fZIfUSFMqcSf9FMli9KIBl5Wppe2-3pbb2107.jpeg)
⚡A powerful HTTP router and URL matcher for building Deno web servers with dragon 🐲.

### [256. Let’s Explore ARK Core v3:  Infrastructure [Part 1]](https://hackernoon.com/lets-explore-ark-core-v3-infrastructure-part-1-dz7524qk)
![](https://cdn.hackernoon.com/drafts/uy1d326k.png)
This is Part 1 of 6 in the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.

### [257. Let's Explore ARK Core v3: Tooling [Part 6]](https://hackernoon.com/lets-explore-ark-core-v3-tooling-part-6-mv8s32af)
![](https://cdn.hackernoon.com/images/o1f6329g.jpg)
This is Part 6 of the Let’s Explore ARK Core series which documents the development of the next major release of the ARK Core Codebase alongside some tips & tricks on how to get started with contributing and building your next idea today.

### [258. Bundlejs: An Online Esbuild-Based Bundler ](https://hackernoon.com/bundlejs-an-online-esbuild-based-bundler)
![](https://cdn.hackernoon.com/images/Ve6JdQOItYcauAkKDILSwLYDpLI2-uz93mpi.jpeg)
The operating manual for bundlejs.com, with tips and tricks to using bundlejs, and an explanation of how bundlejs works; esbuild-wasm, gzip/brotli compression.

### [259. How to Restart the TypeScript NodeJS Application Fast](https://hackernoon.com/how-to-restart-the-typescript-nodejs-application-fast-v11d3t3f)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FAdiwYHVMxFd846UFTzj7FDGwhgR2-0r943yvt.jpeg?alt=media&token=110cd3d5-69b7-4f0a-ab4e-ed6b7261b4dd)
I have been working for the different kinds of Node JS application from the last 4 years. For every project I tried to improve the performance and code quality. From that, I found a very interesting way to restart the typescript application so fast. 

### [260. A Review of Arrays in Javascript ](https://hackernoon.com/a-review-of-arrays-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-lde3sxq.jpeg)
Arrays in Javascript are a simple, one-dimensional way to store simple sets of data. Arrays are non-unique, which means they can store duplicates (unlike sets).

### [261. Let's Explore ARK Core v3: Maintainability & Testability [Part 5]](https://hackernoon.com/lets-explore-ark-core-v3-maintainability-and-testability-part-5-3e443299)
![](https://cdn.hackernoon.com/drafts/23ic32j0.png)
This is Part 5 of the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.

### [262. Understanding Function Overloading in TypeScript](https://hackernoon.com/understanding-function-overloading-in-typescript)
![](https://cdn.hackernoon.com/images/EcYmLynaRBbkbJ7D5Yqnc48tbNt1-hhb3p4v.jpeg)
Function overloads, generics and union types — excellent tools for full-fledged work with types in TypeScript.

### [263. How to Add Localization to Vue.js App with vue-i18n and Localazy](https://hackernoon.com/how-to-add-localization-to-vuejs-app-with-vue-i18n-and-localazy-71t3whc)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FMoJkXw8yrXWtwstaEMp5yol53TD2-y5q2wix.png?alt=media&token=bf9cd78f-4553-4576-ad43-198d52483a04)
Localization of any type of application, be it a web, mobile or desktop app, can be tedious and irritating. In this article, I’ll show you how can you handle that easily with Localazy and vue-18n in a way that you’ll spend your time effectively and actually enjoy the localization process.

### [264. React App Configuration with TypeScript and Webpack](https://hackernoon.com/react-app-configuration-with-typescript-and-webpack-zy1q354b)
![](https://cdn.hackernoon.com/images/3nhao37bBEfHA9RTQ0WNVWfXPD02-a01k35n8.jpeg)
A step by step guide on how to create a React project from scratch, with TypeScript and Webpack.

### [265. Let's Explore ARK Core v3: Extensibility [Part 4]](https://hackernoon.com/lets-explore-ark-core-v3-extensibility-part-4-537j3yce)
![](https://cdn.hackernoon.com/images/194732o3.jpg)
This is Part 4 of 6 in the Let’s Explore ARK Core series which documents the development of the next major release of ARK Core, alongside some tips & tricks on how to get started with contributing and building your next idea today.

### [266. Fetch the Right Data With Next.js and  React SSR](https://hackernoon.com/fetch-the-right-data-with-nextjs-and-react-ssr)
![](https://cdn.hackernoon.com/images/IRj9IIbyAHeTBUUb5MBZl3ThjTj2-xn93kc5.jpeg)
A frontend developer should be able to define what data is needed for a given page

### [267. What is the "this" Parameter In JavaScript](https://hackernoon.com/what-is-the-this-parameter-in-javascript)
![](https://cdn.hackernoon.com/images/MM8znQHHo5PO8CucT9ftiFOGCOD2-np93ne2.jpeg)
The "this" parameter in JavaScript is like that oddly concealed obstacle on a path that keeps tripping people. 

### [268. Hemingway's Lessons on Building Reusable React Components](https://hackernoon.com/hemingways-lessons-on-building-reusable-react-components)
![](https://cdn.hackernoon.com/images/3FnIKHGgbNVQq1IJMsgvsFiWteK2-od93jwp.jpeg)
What can we learn about coding and creating reusable components with react from one of the greatest novelists ever?

### [269. An AI-Based Code Completion System For All Languages](https://hackernoon.com/an-ai-based-code-completion-system-for-all-languages-a12g3y3y)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FofRpXL2ckrMlvB1hN65HcdciMFC3-ci53ugy.webp?alt=media&token=f560a6ab-9b59-417c-9b92-5ddea974f139)
Deep learning at the rescue. In this article, I'll talk about TabNine, an AI Code Completion system for all languages, with a focus on JavaScript.

### [270. Meet the Holy Trinity of Functional Programming: Map, Filter, and Reduce](https://hackernoon.com/the-holy-trinity-of-functional-programming-map-filter-and-reduce-qu28j30pz)
![](https://cdn.hackernoon.com/drafts/2a29y30ry.png)
You've watched the Youtube videos, you've done the tutorials on Pluralsight and you consider yourself a Javascript expert.

### [271. 60fps: Powerful Tricks & Tools To Stop TypeScript and Javascript Jank](https://hackernoon.com/60fps-powerful-tricks-and-tools-to-stop-typescript-and-javascript-jank-r71p35qn)
![](https://cdn.hackernoon.com/images/jUStUdAbF5REyx3aRsPxuqmqVUQ2-m5bg33kn.jpeg)
Keep web apps and sites smooth and interactive while processing with these tricks and tools.

### [272. Static Full-Text Search in Next.js with WebAssembly, Rust, and Xor Filters](https://hackernoon.com/static-full-text-search-in-nextjs-with-webassembly-rust-and-xor-filters-tldr)
![](https://cdn.hackernoon.com/images/XyqHIwK0xDMOGdIf5iTNW4CrLjb2-4qb32lp.png)
I built a full-text search engine in Rust and WebAssembly. Fast, lightweight, and tons of fun to build!

### [273. Top 5 Trends in Software Development for 2019](https://hackernoon.com/top-5-trends-in-software-development-for-2019-6r34u2hsh)
![](https://cdn.hackernoon.com/drafts/c8262etl.png)
Everything is moving extremely quickly in the software industry, so it requires a lot of effort just to keep up. This is exactly why we, at Coding Sans, publish the State of Software Development survey every year. To learn what is happening in the industry at the moment, and see how trends are forming over time.

### [274. On Recursion and Trampolining](https://hackernoon.com/on-recursion-and-trampolining-uxf3tvx)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FghNSk6l5TwN1Zm4sPpFRTGpklu93-8i1y3u4q.jpeg?alt=media&token=144ab738-a4b1-414a-b857-1ba659dc9a37)
Did you know that recursion can be optimized using a concept which works similar to the way how we jump on a  trampoline. 

### [275. Designing a URL Shortener in Deno](https://hackernoon.com/designing-a-url-shortener-in-deno-631331gv)
![](https://cdn.hackernoon.com/images/YuHQ8Lhn2IT1way5nhFige44Oky1-nn4c2867.jpeg)
In this article, we’re going to learn the basics of Deno, like how to run a program and embrace security. 

### [276. A Method That Will Help You Clone Netflix With Micro Frontends The Right Way](https://hackernoon.com/a-method-that-will-help-you-clone-netflix-with-micro-frontends-the-right-way-bes33jq)
![](https://cdn.hackernoon.com/images/LeC71VGz92YOpmCgKQPIb6211Dk1-qu7n32mg.jpeg)
I created a Netflix clone using Piral: an open-source framework for creating modular applications.

### [277. Approaching in-house Modern UI Library: Startup`s Guide](https://hackernoon.com/a-startups-guide-to-approaching-in-house-modern-ui-library-pz1d356h)
![](https://cdn.hackernoon.com/drafts/3134735tb.png)
I can list down the reasons for “why” to do in-house, but I’ll refrain. Since you are landing here I assume you will know your why’s.

### [278. Create a Full Autocomplete Search Application with Elasticsearch, Kibana, NestJS and React](https://hackernoon.com/create-a-full-autocomplete-search-application-with-elasticsearch-kibana-nestjs-and-react)
![](https://cdn.hackernoon.com/images/JaI04JxjP5WiiJKlOeLrImL5dAw2-yh93n66.jpeg)
In this article, I will be walking you through how to set up elasticsearch on your PC.

### [279. The Boring React State Management Guide](https://hackernoon.com/the-boring-react-state-management-guide-ee173ufl)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FhdM20yUI6ChD2ed6xyFy8ggpXgT2-d16o337f.jpeg?alt=media&token=0ceace17-f14c-48cf-aa4c-0cb0a0d5145c)
What is State?

### [280. Introduction to React Hooks and Why They are the Wrong Abstraction ](https://hackernoon.com/introduction-to-react-hooks-and-why-they-are-the-wrong-abstraction-ut3m346l)
![](https://cdn.hackernoon.com/images/0ZS6gkHLHSOQYYrvGTP2fNuXbjK2-8m531dq.png)
Before I get started, I'd like to express how grateful I am for all of the work that the React team has put in over the years. They've created an awesome framework that in many ways was my introduction to the modern web. They have paved the path for me to believe the ideas I'm about to present and I would not have arrived at these conclusions without their ingenuity.

### [281.  “JavaScript has Never Been My Favorite Language” -  Interview with Node.js Creator Ryan Dahl](https://hackernoon.com/javascript-has-never-been-my-favorite-language-interview-with-nodejs-creator-ryan-dahl-yo5m33qx)
![](https://cdn.hackernoon.com/images/MqO5FJu5BqX6pm118RBfsb2Qysq1-k02n33ua.jpeg)
Ryan Dahl speaks about the main challenges in Deno, the future of JavaScript and TypeScript.

### [282. The Introduction To Blockchain App Development  (Part 1/2)](https://hackernoon.com/an-introduction-to-blockchain-application-development-part-12-3a1o3qdd)
![](https://cdn.hackernoon.com/images/yt1fr3ql9.jpg)
In this post we will get familiar with the architectural approaches that make blockchain application development almost like a walk in the park. We will address five simple, yet efficient software development approaches for blockchain applications. Each of them being supported with code samples and tutorials.

### [283. Create Rest API with Mongoose and Plumier Delightfully](https://hackernoon.com/create-secure-restful-api-with-plumier-and-mongoose-3ngz32lu)
![](https://cdn.hackernoon.com/drafts/sn233zdc.png)
If you ever created a rest api using Express, TypeScript and Mongoose you might notice duplication issue caused by declaration of domain model and Mongoose schema. 

### [284. How I Remade 2048 Using React](https://hackernoon.com/how-i-remade-2048-using-react-viw37rc)
![](https://cdn.hackernoon.com/images/JnwMdaVZrzSOfLb9FHlT2x1vsd62-i3ej35y1.jpeg)
Today you will learn how to build your own clone of the 2048 game in React.

### [285. How to Quickly Generate Microservices with Yeoman](https://hackernoon.com/how-to-quickly-generate-microservices-with-yeoman-1i2p31bw)
![](https://cdn.hackernoon.com/images/myAyboiAScZwTKiZneEuPNhNb2u2-zu1428i5.jpeg)
A quick guide to creating a Yeoman generator for building microservices with an example of Express.js and Typescript app.

### [286. Creating New Gatsby Theme with Typescript, MDX, and Theme-UI](https://hackernoon.com/creating-new-gatsby-theme-with-typescript-mdx-and-theme-ui-tz1c3u3u)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FHPI5sRRfsdZQD9DuckEymhfLoM32-ke3528ip.jpeg?alt=media&token=aa04a73a-279f-4cc0-8176-cdc24c3c0c1d)
Gatsby Themes provide a powerful way to share an opinionated set of configurations across multiple Gatsby sites. The features built into your Gatsby Theme will be abstracted out of your site and packaged as a dependency, providing an efficient way to develop similar Gatsby sites.

### [287. How To Set Up tsconfig [Part 1]](https://hackernoon.com/how-to-set-up-tsconfig-part-1-4h1f34uq)
![](https://cdn.hackernoon.com/images/F6OfOZGUAmbui9YxOudHrF2xEJ63-bns312s.jpeg)
Guide to TypeScript tsconfig.json. Settings explanation. Tips and tricks. Each new project I prefer to write on TS rather than native JavaScript.

### [288. Records And Tuples Usage In React](https://hackernoon.com/records-and-tuples-usage-in-react-qo103uqo)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F8fEI9xkzAKR8f3GlkTak2hzTJek1-vwfd3uzm.png?alt=media&token=1a7a1c29-54b7-446e-9434-ff6d4c39811b)
Records & Tuples, a very interesting proposal, has just reached stage 2 at TC39.

### [289. The Dirty Code Problem: Improve Your Game with Good Naming Practices](https://hackernoon.com/the-dirty-code-problem-improve-your-game-with-good-naming-practices-wyds362d)
![](https://images.unsplash.com/photo-1545056453-f0359c3df6db?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
The Rule: Whenever you name a variable, function, or class, ask if it is concise, honest, expressive, and complete.