Nov 24, 2020
Understanding Redux: Beginner's guide
When you are a junior developer, learning Redux can be something really overwhelming. This leads to avoiding it at all cost and using alternatives like MobX, ContextAPI or simple React Hooks. It's not something bad actually, but if you take a look at job offers, you can see Redux is almost always a requirement. In this article I'll try to explain Redux in the simplest way I can. Let's do it!
Oct 06, 2020
Why is setState giving me the wrong value?
In the React environment, working with properties and states is an obvious thing, because both props and states represent rendered values, i.e., what’s currently seen on the screen. To apply changes to a component we need to change the components state or props. React only updates what’s necessary by comparing an element and its children to the previous one, and applies the DOM updates to bring the DOM to the desired state.
by Daniel Gola
Oct 06, 2020
Animate elements on page scroll
Finally I can share with you another post about React and GSAP, in this case I’ll show how to create animations when scrolling our page.
by Daniel Gola
Aug 31, 2020
Navigation with an animated indicator
If you also pay attention to details and like UI improvements, this article is for you! This time, I’m happy to show you how to create a simple animated indicator in a navigation bar. However, such an indicator will configure its width and position automatically depending on our links.
by Daniel Gola
Jul 27, 2020
How to create simple animation with GSAP
Hello there! I’m glad to be here for the first time! Today, I want to show you how gsap library works and what it is.
Jul 01, 2020
Quick Tips: how to render components conditional?
Hello again! I like to keep my promises — that is why in this quick tip, I will present a way to render different components when you click/chose a specific option from navigation.
Jun 03, 2020
Quick Tips: using forwardRef to measure element height dynamically
Hello there :) Last time, I promised to explain why I used React.forwardref() in the Navigation component.
May 25, 2020
How to translate React application with react-i18next - part 2
In one of my previous posts, I briefly described how to translate React application with react-i18next package. Now, I want to show you how you can detect the language and give user the possibility of changing it.
May 13, 2020
Quick Tips: add and remove active style
In this quick tip, I would like to show an easy way to add an active style to any HTML element.
May 11, 2020
Implementing CRUD in web application using React and GraphQL
Creating CRUDs in applications (both web and desktop) is something that will happen sooner or later in every developer's life. But wait! What is a CRUD? Today, I'm going to show you how to implement Create, Read, Update and Delete operations with GraphQL and React.
Apr 29, 2020
Quick Tips: creating simple accordion with React hooks
Welcome! We want to introduce a new type of articles called 'Quick tips' to show you very simple, but effective solutions that might be helpful in your everyday developer's life. A few days ago, I was working on our client’s website, and to meet the design needs I had to implement a simple accordion behavior. Long time ago, we could use jQuery library to make it real, but today, we can utilize React hooks.
Apr 01, 2020
How to translate React application with react-i18next
Making web applications that support multiple languages is always a challenge, especially when we are talking about apps with currencies, numbers with formats that depend on user language, etc. Today I'm going to show you how to make the first step on the way to translate your web application.
Mar 30, 2020
How to style with styled-components
There are only two hard things in Computer Science: cache invalidation and naming things. -- Phil Karlton