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