And how good they are for professional use — During my journey in web development, I created multiple applications with bare React (CRA), Gatsby, or Next. I looked for free hosting services for different uses. Side projects, staging environment, or, to start a project that would need a paying solution later on. Here you can find the best solutions…

What are the challenges and how to automate maintenance properly? — One aspect of software development is often overlooked: maintaining dependencies. I won’t lie, for a long time, it was the case for me and my teams. Why spend time on maintenance? Keeping out-of-date dependencies will not only create incompatibilities, or look uncool. It raises two huge issues: security and performance. Remember the Equifax breach? Well…

React/Redux File Structure for Huge Projects — What is scalability For major projects with high stakes, scalability is the Holy Grail. Rarely fully achieved, an excellent paper breaks it down into four components. The first three are self-explaining: load scalability, performance scalability, and space scalability. The last one can be trickier to understand and is the one discussed today: structural…

Save time and effort with React and React Native by choosing the appropriate testing tools. You finally decided to get into testing with React — great! This will be a huge step toward writing better code. Today, I will be talking about the different solutions with regard to testing and…

Start all your projects quickly, nicely, and cleanly — create-react-app is an amazing tool, described as the best way to start building a new single-page application in React, inside the official documentation. Create a New React App - React A JavaScript library for building user interfacesreactjs.org By making use of react-scripts, It offers a modern build setup with no configuration. Enhance it

Allow engineers to work in the best conditions — No, I won’t be talking about cutting costs on developer’s wages. On the contrary, this won’t save you any money¹. Why Cutting Costs is Expensive: How $9/Hour Software Engineers Cost Boeing Billions On October 29, 2018 Lion Air Flight 610, a 737 MAX 8 flight from Jakarta, Indonesia to Pangkal Pinang, Indonesia…medium.com Let’s create a scenario: you are launching a product that requires a custom web or mobile application. To avoid spending more than necessary, what should you be careful about …

Make it quick, painless, and clean — TypeScript is a wonderful tool, but what about starting new projects? Setting up a TypeScript project with your favorite technology, tools, plugins, and configuration can be a hassle. Fortunately, this step doesn’t have to be painful. Starter projects A common practice is to use a generator, template, boilerplate, or starter project. Dedicated…

Straightforward and clean — Although I don’t reach for React Context all the time, there are some use cases where it can be a great tool. Recently, I had to use them in a TypeScript project with Hooks, and struggled for a bit. Counter Context I’ll demonstrate how to write a React Context in a clean…

Are you sure your JSON response has the format that you expected? What if it doesn’t? — Hello, fellow front-end developer, I hope I piqued your interest. To answer my own question: “No I’m even sure that, at some point, my endpoint will answer with a format I don’t expect”. Motivation for Validating Request Response on the Front Side Regardless of the technology/library/framework you are using, once you start working on a web application with a…