❯ READ MORE

by Artur Woźniak

Oct 06, 2020

Development
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.

❯ READ MORE

❯ READ MORE

by Daniel Gola

Oct 06, 2020

Development
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.

❯ READ MORE

❯ READ MORE

by Daniel Gola

Aug 31, 2020

Development
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.

❯ READ MORE

❯ READ MORE

by Daniel Gola

Jul 27, 2020

Development
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.

❯ READ MORE

❯ READ MORE

by Artur Woźniak

Jul 01, 2020

Quick Tips
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.

❯ READ MORE

❯ READ MORE

by Artur Woźniak

Jun 03, 2020

Quick Tips
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.

❯ READ MORE

❯ READ MORE

by Artur Woźniak

May 13, 2020

Quick Tips
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.

❯ READ MORE

❯ READ MORE

by Norbert Suski

Apr 29, 2020

DevelopmentQuick Tips
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.

❯ READ MORE

❯ READ MORE

by Artur Woźniak

Apr 27, 2020

Development
How to resize an image to fit an HTML container

In this article, I would like to present how to resize an image to fit a HTML container. The most popular approach is to add object-fit property to img tag, we will use it as well, plus we will add other CSS properties.

❯ READ MORE

Back to top