Skip to main content

14 posts tagged with "frontend"

View all tags

Application Architecture - Speed vs Scalability

· 13 min read
Bruno Carneiro
Fundador da @TautornTech

Application design is an extremely important topic in software development. I see many people with no idea how to create a good architecture, which can create major complications as the system evolves — new features, new demands, problems, delivery pressure, and many other factors that contribute to increasing application complexity.

Entire systems can be rebuilt simply because the team failed to create a good architecture, or at least an ideal starting point that allows the project to evolve and adapt. This can happen for various reasons: lack of knowledge and pressure to deliver (very common). The latter creates a trap by assuming that skipping precious software development steps in the name of speed and delivery won't affect quality and scale.

In this article I'll cover some problems that can arise from not following a well-defined standard. My goal is to bring the software developer's perspective and things they should care about to mitigate future problems — for themselves and for the company.

Keep your libraries up to date with npm-check

· 2 min read
Bruno Carneiro
Fundador da @TautornTech

One of the hardest things in a Node project is keeping libraries up to date. Anyone who works with package management using Node knows exactly what I am talking about. In production, a project can easily scale its libraries — and consequently the sub-dependencies that come along — making the task of keeping everything updated quite challenging.

Problem when updating a version that a dependency does not support

· 3 min read
Bruno Carneiro
Fundador da @TautornTech

Keeping a codebase up to date can become difficult as the project grows and new features and libraries are added.

Throughout a project's lifetime, minor and patch updates are very common in libraries and, in most cases, do not cause any trouble — they are even transparent to the development team.

15 tips to improve your development with React

· 8 min read
Bruno Carneiro
Fundador da @TautornTech

I have been working with React for many years and have gathered here some tips I picked up throughout my journey across various projects.

These are useful both for improving project development and for career growth.


1 - Learn JavaScript

That's right — React is "just" a User Interface library and much of what you use day to day is, simply, JavaScript.

A lack of understanding of JavaScript can cause many problems when trying to understand React and its structure. Study JavaScript.

The use of imports, lists, iterations, and other methods are mandatory in day-to-day work. Not just for those who develop with React, but for any web application.

Here I have a list of JavaScript versions:
https://www.tautorn.com.br/docs/javascript/versions/introducao

Front-end Performance

· 7 min read
Bruno Carneiro
Fundador da @TautornTech

Introduction

This is a very important topic because it directly impacts how an application is presented to the user. If this topic is neglected, no matter how good your site or application's purpose is, it may end up suffering from slowness and unnecessary resource usage, affecting the end user — who may give up on using the application altogether. Imagine an e-commerce site where product pages load slowly; you would certainly give up on continuing to use it.

Web application optimization is something fundamental that is often overlooked. Performance improvement aims for speed, responsiveness, smoothness, resource efficiency, and much more. There are various strategies to minimize page load times and reduce server response times, making the system much more appealing to the end user.

There are many ways to approach this topic. In this article, I bring some key areas that are very relevant for making your application more efficient, with smarter resource usage, and delivering all the speed and reliability benefits to the end user.

Docusaurus - Integration with Tailwindcss

· 6 min read
Bruno Carneiro
Fundador da @TautornTech

This is a tutorial for those who, like me, love working with Docusaurus and want to take full advantage of Tailwind CSS.

Well, you can't keep writing CSS by hand every time you need to align a div, add rounded borders, and all those other repetitive things. Not to mention the time that takes — time we could be spending on what really matters: shipping features, building things, or in my case, writing this content for you =D.