Let’s be honest: a lot of developers do not use the commit log. How many times do you think that developers have started on an existing project by typing git log in the terminal and reading through the messages?
You’ve got a new project to work on. Or you’ve got an existing project you’re motivated to upgrade to a more modern approach. Or perhaps you’re dissatisfied with your current modern framework or second-guessing yourself and you’re investigating alternatives.
As more and more companies, especially large ones, have started demanding remote workers return to the office, the competitive hiring advantage for remote-first companies is back.
Usually when a new software development team forms there is some negotiating how exactly the team wants to write their code. When the maintainers of a programming language or major framework are opinionated on these things, this can help provide a default starting point for these discussions.
Today is the day! After more than a year of work, our team is excited to finally put a fancy "stable" sticker on the first release from the 4.x release line! To celebrate, let's make together a tour of the major changes; should you look for a more itemized list, take a look at the changelog.
webpack goes a long way toward simplifying and streamlining the complexities of modern web development with JavaScript. It takes care of bundling, minifying, code splitting, tree shaking, hot module replacement, and more. Despite its popularity and longevity, webpack does have some drawbacks.
Becoming a good engineer is about collecting experience. Each project, even small ones, is a chance to add new techniques and tools to your toolbox. Where this delivers even more value is when you can solve problems by pairing techniques learned on one project with tools learned working on another.
When used properly, serverless technologies like AWS Lambda can lower the cost of running a system. This is because you only pay for these services when you’re using them, so you don’t waste any money. Serverless technologies also have other benefits.
This is the third article in a series that explains how to use Nx and Turborepo monorepos to share code and configuration across multiple TypeScript projects. In this article, we explain how to configure a variety of popular development tools for use in monorepo workspaces.
This is one of the most potent APIs of Module Federation, yet there needs to be more documentation on how it works and how it could help with the performance of your distributed applications.
In my most recent project, I had the opportunity to work on a web application with a micro frontend architecture. Going into the project, I had only worked on projects that followed the more traditional monolithic architecture. So, I was excited to see what this new codebase had in store for me.
The Chrome team often talks about “building a better web”, but what does that mean? Web experiences should be fast, accessible, and use device capabilities in the moment when users need it most.
Hello folks! I’m looking for a way to make use of ChatGPT for solving business use cases and helping me draw diagrams as well. Let’s see how ChatGPT can speed me up in doing so. As a senior developer or technical lead, there is no set number of diagrams that are required.
Lazy-loading and executing less code is standard advice to speed up a bloated application. The advice is sound, but I am here to tell you that hydration will try to sabotage you every step of the way.
Using ESLint for React projects can help catch some common mistakes, code-smells, and define common conventions for a codebase. In this blog, I'll go through some valuable ESLint plugins and rules tailored specifically for React projects.
Webpack module federation is an amazing tool that allows amazing optimization for large-scale front-end applications. Thanks to its ability to add new JS modules at runtime it has been called by many the micro frontend game-changer. And I could not agree more.
Serverless computing has been hailed as a groundbreaking shift in web infrastructure. Yet, the term is somewhat misleading. Artifacts still reside on a machine, there’s a fixed network location for the service, and despite the ease or outsourcing of management, servers are very much present.
This is based on an internal quip doc I wrote up about careful communication in the context of rebuilding trust. I got a couple requests to turn it into a blog post for sharing purposes; here you go.🌈✨🥂
Micro-frontends are an exciting and futuristic approach to modern web development. If you are working on a complex/large application and not using micro-frontends, chances are you will be needing this technology soon.
The 3rd edition of Nx Conf, this year live from New York City. If you missed the talks, no worries, we've got you covered. This article does a brief recap of all the presentations and has links to the individual recordings and slides. 1. Keynote 2.
In the latest version of Next.js, we've made improvements to optimize package imports, improving both local dev performance and production cold starts, when using large icon or component libraries or other dependencies that re-export hundreds or thousands of modules.
In the ever-evolving landscape of technology, we often find ourselves at crossroads—junctions where innovation sets a new course, shaping the landscape for years to come.
Working with Tailwind CSS is pretty fast and easy (that’s why it’s received such wide recognition). You just paste a list of different classes in your HTML—and your interface immediately becomes attractive! But, as the application grows, the lists of classes grow.
7. How to effectively manage an automation QA team and who should do it? Nitish Bhardwaj: The automation QA team should be managed by the automation QA Lead, who should provide guidance, support, and feedback to team members.
Relative import paths need explicit file extensions in EcmaScript imports when '--moduleResolution' is 'node16' or 'nodenext'. An import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
Like user stories, job stories are a great way of gathering requirements. They are especially used in an agile environment, where one of the key values is responding to change over following a plan.
Building and maintaining a React library can be a large task, even for small libraries. You start off thinking that you just have to figure out how to properly build and package your code. And then quickly you realize there’s a ton of configuration options and combinations of tools you can use.
This post is from originally Engineering Enablement, a free newsletter available on Substack from Fahim ul Haq, the CEO and Co-founder of Educative, the world’s best learning platform for software developers.
When it comes to building web applications, React has been at the forefront for a while now, and its adoption continues to grow. Among the most common approaches to building web applications with React, Next.js stands out as one of the most preferred options. Next.
In this article, I will describe various non-obvious aspects of working with SolidJS, as well as inconveniences that I have encountered over the years of working with SolidJS. In my opinion, the main disadvantage of SolidJS is the lack of iterations of the library.
To excel in system design, one of the most crucial aspects is to develop a deep understanding of fundamental system design concepts such as Load Balancing, Caching, Partitioning, Replication, Databases, and Proxies.
There is a pretty well-known sketch in which an engineer is explaining to the project manager how an overly complicated maze of microservices works in order to get a user’s birthday - and fails to do so anyway. The scene accurately describes the absurdity of the state of the current tech culture.
The idea is to let component composition solve the problem for you, either by moving state down or lifting content up. This is brilliant because component composition is React's natural mental modal. As Dan points out, this will also work well with Server Components, which are now a reality.
Over the past few months, I've spoken with lots of early-career devs who are getting more and more anxious about AI. They've seen the increasingly-impressive demos from tools like GPT-4, and they worry that by the time they're fluent in HTML/CSS/JS, there won't be any jobs left for them.
Enabled by WebAssembly + Emscripten, Web Components + Lit, Service Workers + Workbox & new Web APIs. Chrome & Adobe enjoyed collaborating on it. Bringing the Photoshop desktop application to the web (photoshop.adobe.
In today's digital world, online advertising is a critical part of the free web we all enjoy. However, poorly implemented ads can lead to a slower browsing experience, frustrating users and diminishing engagement.
I have started thinking about my long-term plan and what I want to do in my life. Soon, I will share those with you. But as part of the plan, I decided to make a plan to talk with different kinds of programmers. My main goal is to learn as much as possible from them.
The HyperText Transfer Protocol (HTTP) is a cornerstone of the Internet, helping to load web pages, stream videos, and fetch data for your favourite apps. Last year a new version of the protocol, HTTP/3, was standardized by the Internet Engineering Task Force (IETF), the organization in charge of defining Internet technologies.
If you're not already familiar, React Server Components allow you to split server and client rendering out between individual components, rather than having your entire app be one or the other. This means that on the server, you can securely call server-only APIs without leaking keys to the client.
Have you ever faced a situation in which you are executing a block of code and it is freezing the UI for a few seconds? If yes then you surely need a solution to handle that block of code in the background.