Skip to content

We got your Front #08

Start your week with top Front-end news

Welcome to the latest issue of We Got Your Front!  This issue, look forward to reading about Vercel, API performance, Typescript and more! Get it in your inbox.

giphy-Jul-05-2023-09-06-51-1243-AM

 

 

1. 5 Different Tools to Bundle Node.js Apps

As Node.js applications continue to evolve and become more complex, the need for effective bundling becomes even more crucial. Bundling is the process of combining multiple modules and dependencies into a single file or set of files, making it easier to manage and optimize the application's performance.

In this article, explore five powerful tools and techniques that can help you bundle your Node.js application effectively.

  1. Webpack
  2. Parcel
  3. Browserify
  4. Brunch
  5. Rollup

Leveraging these versatile bundling tools can significantly improve the performance and maintainability of your Node.js applications. Each tool has its unique strengths and features, so it's essential to choose the one that best suits your project requirements and development workflow.

amplication.com

2. EP64: How to improve API performance

5 common tricks in one easy to read diagram. (And a few other quick reads)

blog.bytebytego.com

3. An Introduction to Streaming on the Web

Due to their increasing popularity, the Web Streams API has become a cornerstone of many major web platforms. Leveraging web streams in your web apps can enhance the performance and responsiveness of your UIs. Read about the advantages, chunking data, handling backpressure, server-side events, and more. Mastering these techniques will help you deliver powerful user experiences.

vercel.com

4.  Making Figma better for developers with Dev Mode

Although it may not be directly related to our core subject, it is important to acknowledge the impact of tools like Figma as they contribute to the overall improvement of workflows. Front-Commerce developer, Paul, recently stumbled upon Figma's dev mode. Dev mode is an awesome feature, and even has a VSCode implementation making the process of building UI components even more collaborative and effortless for designers and developers.

figma.com

5. 5.  Top TypeScript Utility Functions You Need to Know

Mastering TypeScript's utility functions can greatly enhance your codebase, making it more readable, maintainable, and less prone to errors. These utility functions provide powerful tools for manipulating types and values in TypeScript. 

  1. Partial<Type>
  2. Readonly<Type>
  3. Pick<Type, Keys>
  4. Omit<Type, Keys>
  5. ReturnType<Function>
  6. Record<Keys, Type>

By mastering these TypeScript utility functions, you'll have a powerful set of tools at your disposal to improve your code's quality and maintainability. Whether it's making properties optional, readonly, or selectively picking or omitting properties, TypeScript utility functions provide the flexibility and control you need to write robust and error-free code.

Take a closer look at each one.

hackernoon.com