Let me tell you a story. I was building yet another date picker component for our design system. It consisted of text input and a pop-up calendar. The calendar can be closed by clicking outside it or by selecting a date.
Every time I find myself connecting to a third-party API that doesn’t have a client library, I have to create a lot of boilerplate around it:
Companies like Airbnb, Apple, Uber, and GitHub have changed the ways they design digital products by incorporating their design language and organizing it into a system that can be used across all employees — and even outside of the company.
It quickly became popular in the whole industry: Just google the company’s name and the word “design” next to it, and you’d be surprised by how many companies have something similar. Airbnb Design, Apple Design, Uber Base Web, GitHub Primer — these are the examples of good design systems.
We won't be talking today about the reasoning behind having a…
Over the course of my life, I’ve participated in more than 20 hackathons, so I might be a little biased on them, but on the other hand, I know a lot about how they can be useful.
Let me start by explaining what a hackathon means to me. In general, it’s an event of short duration (usually one or two days) where people come together to creatively solve problems. Hackathons can be themed, where the projects are confined to a particular problem such as food sustainability or returning citizens.
Now that we have covered the definition, we can start with…
Recently, React announced a feature of the React ecosystem — Concurrent Mode. This would allow us to stop or delay the execution of components for the time that we need. It’ll help React apps stay responsive and gracefully adjust to the user’s device capabilities and network speed.
Concurrent Mode consists of a set of new features — one of the biggest ones is suspense and a new approach to data fetching.
Basically, there are three ways to do it:
From version 16.8.0, React introduced us to a way to use state and other React features without writing a class — React Hooks.
It’s an amazing improvement around the classic Class paradigm which allows us to reuse stateful logic between components. No surprise that it comes with a learning curve that could lead to performance pitfalls.
Let’s deep dive into the most popular ones and try to figure out how to avoid them.
Alright, we identified that we may encounter some performance issues while using Hooks, but where are they coming from?
Essentially, most of the issues with Hooks come…
If you'll go to the official React website it says that the recommended way to use inputs is to control them via React state. It also mentions that in some cases you can go with an uncontrolled option but do not say what are these cases explicitly. Let’s try to dive into it and see the pros and cons of this approach.
Controlled input values are being kept in the local state. Every time the user changes the content of the input, the
onChange function updates the React state, Component rerenders with the new value passed to Input.
When bringing on new employees, hiring managers always look for similar qualities. They seek employees who will show up on time, know what they are doing and will contribute, in one way or another, to the overall success of the company.
Unfortunately, everyone else is also aware of these ideal employment qualities. Resumes and cover letters will highlight attributes that fit in with these qualifications, regardless of the candidates’ actual punctuality, know-how and overall motivation to succeed. While resumes and cover letters are important aspects of the hiring process, there are other factors that should be considered.
During an initial…