How to Create Fully Reusable React ComponentsIntroduction Creating a React component is fairly easy, just a function like this, and it’s done. export default function Card() { return <div>card</div>; } then you can call them using JSX like <Card />. However, to do them correctly is the reaso...Dec 14, 2023 · 7 min readhashnode.theodorusclarence.com
Next.js Authentication using Higher-Order ComponentsIntroduction Managing authentication in Next.js is quite tricky, with problems such as content flashing. In this blog, I won't address the problems and explain how to solve it in detail, because I've written a blog about that in Next.js Redirect With...Mar 18, 2023 · 6 min readhashnode.theodorusclarence.com
Understanding Swift's Value and Reference TypesIntroduction There are two kinds of types in Swift, which are Value and Reference Types. These types and their characteristics sometimes can be hard to remember and understand. Through this post, I'll try to explain it using a mental model and analog...May 11, 2022 · 6 min readhashnode.theodorusclarence.com
Back To Basic: Mental Model to Understand FlexboxMental models are personal, internal representations of external reality that people use to interact with the world around them. They are constructed by individuals based on their unique life experiences, perceptions, and understandings of the world....Jan 16, 2022 · 5 min readhashnode.theodorusclarence.com
How to Show Now Playing in Spotify with Next.jsOn this website, I use Spotify API to show what song is currently playing. Now, I will try to explain on how do I do that. Next.js has a built-in API in a single application, so choosing Next.js is a perfect choice so we don't expose our API keys. W...2LJan 13, 2022 · 5 min readhashnode.theodorusclarence.com
