Discover more from All Things Typescript
Good morning; I hope you had a fantastic weekend. Over the last few days, I have worked on a Visual Studio Code extension named NPM Imported Packages Lens, which shows links to NPM, Github, and Homepage for an imported package in JS and TS files. It also supports React TSX and JSX. Here is the Github repository and the marketplace link to install it. Please try it out and give me any feedback you have to improve. I would love to expand it to Vue and other web frameworks.
On top of that, I spent some playing with Bun - the JS runtime, and I have an overview of it in today’s lesson section. I haven’t done any reviews on technology in the past; let me know if you want more on topics like this.
Thanks for reading All Things Typescript! Subscribe for free to receive new posts and support my work.
I hope you have a great week ahead, and let’s keep on learning.
yarn/npm/pnpm install. You can replace all your
npm/yarn commands with burn, and they will likely work, including running the scripts file inside the
in Start fast (it has the edgemind).
Being a great and complete tool (bundler, transpiler, package manager).”
On top of that, Bun has a few more features:
Bult-in support for Fetch and Websockets
Supports Typescript and JSX (TSX) out of the box and are transpiled automatically
It supports most (if not all) NodeJS API, so your code works out of the box, unlike something like Deno, which would require some rewrite.
It supports node_modules, so all packages that work with NodeJS will work with Bun.
Automatically loads environment variables from .env; no need for third-party libraries.
Contribute to mainawycliffe/npm-imported-packages-lens development by creating an account on GitHub.
In the previous delivery we saw several data types that TypeScript has and we also saw the custom types that are the union of several types. It is important to mention that you can make “object types”, that is to say, a “custom type” that is an object with a certain structure.
The exclamation mark ! is known as the non-null assertion operator in TypeScript. We will be using these terms interchangeably in this article. But what does this operator do? The non-null assertion operator tells the TypeScript compiler that a value typed as optional cannot be null or undefined.
In Node.js applications, it’s not unusual to see a large number of nested callback functions being used to accomplish several activities. This is commonly referred to as callback hell, as it can make the code extremely complicated and disorganized.
In this article we’re going to have a deep dive into setting up a new monorepo using PNPM workspaces that hosts a Remix application as well as a React-based library.
One of the major benefits of GraphQL is that you can query for all the data you need through one schema. This may assume that most systems are one big monolithic service. However, as the schema grows, it may need to be split into smaller schemas to be maintainable.
DigitalOcean joining forces with CSS-Tricks! Special welcome offer: get $100 of free credit. Hooks are reusable functions. They allow you to use state and other features (e.g. lifecycle methods and so on) without writing a class.
How many times have you come across a git log that looks like this? More than you’d like, right? We developers have a tendency to become lazy, and not put much effort into things we don’t consider important (which is mostly everything outside of our code).
TypeScript is awesome! More and more projects use it as the primary programming language. Especially in the area of frontend development, it became essential to build large-scale applications.