
Our Frontend Tech Stack: Focused On Performance And Scalability

4. Aug 2022
FrontendA regular summary of the most important news, articles or tweets in the frontend world is here! For the month of July, we have prepared the top 6 novelties that should not be missed by any frontend developer. In addition, here you will find links to other interesting articles that are worth reading.
Bun.js is a new JavaScript runtime similar to Node.js or Deno. It is a complete tool with which you can work on JavaScript & TypeScript projects without having to install a bundler, transpiler, TypeScript...
And the best at the end. Bun.js is much faster than Node or Deno. According to the author, Bun.js is 3x faster compared to Node or Deno, and you can install packages 20x faster than yarn. Bun aims to replace Node and Deno and also tools such as Webpack. Bun runs on WebKit's JavaScriptCore engine, unlike Node.js or Deno, which are built on the V8 engine and written in the Zig language.
When creating the page layout, we also have to think about edge cases. For example, we can spoil the layout of the page with a long text that we did not expect. That's why Ahmad Shadeed's guide was created to help you write defensive CSS. Thanks to this, you will write CSS that will be bug-free and ready for the future even for unexpected situations. You will find 24 tips in the guide so far, but the content will gradually increase.
Storybook is constantly gaining popularity. That is why this article was created, where you will find an overview of the news that was created in his community, for example:
In React, it is not strictly defined how to manage global state. Therefore, a number of approaches and libraries have been created that solve this problem. It is then difficult for us developers to choose the right solution and we often choose the currently most popular one. In the article, The new wave of React state management, you will learn more about the problems solved by libraries such as Redux, Recoil, Jotai etc… Each of these libraries has its own advantages and disadvantages. After reading this article, you will have a better understanding of which library is the best fit for your application.
Radix UI is a React UI library with unstyled components. Thanks to this, you can write your own styles very easily, without having to overload the default CSS. Radix UI will solve all the dirty work with logic for you (e.g. opening/closing modals) and what's really cool is that all components are accessible. You can leave focus management, keyboard control or screen reader support (that is, things you never have time for) to this library.
I personally tried Radix UI on a project and I have to admit that I had a great time working with it. I believe this library has great potential.
Vite is a build tool that significantly improves the development environment for frontend developers. You can use Vite to setup a development environment for frameworks such as Vue or React, but also for native JavaScript.
Vite solves problems such as:
You can read all the news that came in the new version on the official blog.
If you liked the news overview, don't forget to subscribe to our newsletter. You can also read the news from last month, which we brought in the June Frontend Briefly.