After one year of absence in 2020, the React Conf 2021 has returned as an online event. Packed with many exciting talks and is free for everyone. It didn’t come as a surprise that speakers were talking about the upcoming React 18 release and its features most of the time. I watched the whole event (over 5 hours), and I’d like to share the key takeaways. React Conf 2021 - TL;DW summary…
React Hooks were introduced in React version 16.8. Hooks are functions that let you “hook into” the React state and lifecycle features straight from function components. There are many benefits of using react hooks. With help of React Hooks we can use React without classes. It allows us to write more readable, cleaner code with less lines of code. useState Let’s look at the simplest class…
React by Example as a book is focused on 12 different examples of UI widgets. Every chapter is a walkthrough on implementing such component, whether it’s a password strength meter or article list with voting. Each one has accompanying Git code repository which enables you to peek into individual commits and take the example further. At the moment of writing initial version of the book the…
As a Rails developer, I learned a lot just from reading Ruby on Rails code. Aware of that experience, I try to look into the internals of other open source projects as well, to see what’s going on there. It has two primary benefits: You will most likely better understand the project, its API and learn a few programming tricks. It demystifies the library or framework that you use. We often…
For many React developers using JSX it is not clear how to make a dynamic JSX tag . Meaning that instead of hardcoding whether it is input or textarea or div or span (or anything else) we would like to keep it in a variable . Let’s have a look. const input = this . props . long ? < textarea onChange = { this . props . onChange } className = "make-this-pretty" id = "important-input" name =…