Dec 18, 2022Build a React-Router DialogThis article, along with others, are originally published at my personal website: https://tasoskakour.com, make sure to check them out :-). What is a Dialog? According to Material Design, Dialogs (also known as Modals), can require an action, communicate information, or help users accomplish a task. Dialogs allow us, to focus on a content without…React6 min readReact6 min read
Jul 9, 2022Implement “useUndoRedo” React hookThis article, along with others, are originally published at my personal website: https://tasoskakour.com, make sure to check them out :-). Undo/Redo algorithm I’m pretty sure you have clicked a lot of Undos and Redos in your life — I know I have. Both of these functions are pretty important in a workflow…React4 min readReact4 min read
Jul 1, 2022React: useMemo vs useCallbackThis article, along with others, are originally published at my personal website: https://tasoskakour.com, make sure to check them out :-). Memoization First of all let’s quickly explain what is useMemo and useCallback in React. Both useMemo and useCallback are React hooks that have to do with a term called Memoization. According…React4 min readReact4 min read
Published in Dev Genius·Apr 26, 2022New startTransition API in ReactWhat is a Transition? A transition is a new concept in React to distinguish between urgent and non-urgent updates. Urgent updates reflect direct interaction, like typing, clicking, pressing, and so on. Transition updates transition the UI from one view to another. Urgent updates like typing, clicking, key pressing need immediate response to match our…React6 min readReact6 min read
Published in Dev Genius·Apr 18, 2022OAuth2 Authorization with ReactIf you want to use OAuth2 authorization in your React project you can use my published package: @tasoskakour/react-use-oauth2. What is OAuth2? OAuth2 is the industry-standard protocol for authorization. It provides us with specific authorization flows for web applications, desktop applications, mobile phones and living room devices. …React13 min readReact13 min read
Feb 12, 2022React: useState vs useReducerThis article, along with others, are originally published at my personal website: https://tasoskakour.com, make sure to check them out :-). What is a Reducer? Generally speaking a reducer is basically a function which takes two arguments — the current state and an action — and returns based on both arguments a new state. A…React11 min readReact11 min read
Published in Towards Dev·Dec 27, 2021React & useEffect cleanupsI hope you will enjoy this article! If you do, you can follow me on social media where I post more content like this one; check here: https://tasoskakour.com Before jumping into what is a useEffect cleanup and when we need to apply it, take a look at the code below…React5 min readReact5 min read
Published in Dev Genius·Dec 17, 2021React 18: Automatic BatchingI’m sure you have heard the term “React Batching” in the past, and maybe you were confused (as I was) at what it means and what it actually does in practical terms. Before moving on with the post make sure that you check my personal website and subscribe to my…React6 min readReact6 min read
Nov 10, 2021Immature AbstractionsA few days ago we had a really insightful conversation with a colleague of mine about how we would implement a new feature in one of our projects. I will explain in broad terms what this feature is about and then I’ll outline two possible solutions for this problem with…Algorithms6 min readAlgorithms6 min read
Nov 9, 2021Working from home: Pros & ConsHello! Over the last two years I work exclusively from home. At the times we live in, I’m certain that many of you had to (or chose to) work remotely as well. In this article, I’ll analyze based on my personal opinion and experience, the advantages and disadvantages of working…Remote Working4 min readRemote Working4 min read
