Skip to main content

19 posts tagged with "reactjs"

View all tags

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.

ReactJS Hooks - use Experimental Hook

· 10 min read
Bruno Carneiro
Fundador da @TautornTech

ReactJS Hooks use [Experimental]

Hello everyone, continuing the series of articles about Hooks, in this article I'll talk about use. A Hook that is in experimental phase and should be available in React soon.

This hook can greatly help our day-to-day because currently the amount of code written to resolve a promise is quite large. But not only that.

And to demonstrate how the hook works by comparing it with the current state, I created a simple project showing some cards from the Hearthstone game.

Final project