Published in ITNEXT·PinnedThe evolution of a React applicationWhile I’ve put React application, there isn’t such a thing as React application. I mean, there are front-end applications written in JavaScript or TypeScript that happen to use React as their views. …Programming8 min readProgramming8 min read
Mar 20Breaking the Chains of Implementation: Leveraging React Context API with Interface-Oriented DesignImagine you’re maintaining a design system. It’s well-designed and production-proof, runs fast, and is compatible with most modern browsers. It has hundreds of internal and external consumers, and teams, big and small, all love it. One day, someone from a product team approached and kindly asked if you could enhance…React6 min readReact6 min read
Published in ITNEXT·Mar 17Member-onlyThe Interface Mindset: How to Build Flexible, Maintainable React Components with Context APIReact document mentioned that the Context is designed to share data share values between components without explicitly passing a prop through every level of the tree (the prop drilling problem). Context lets the parent component make some information available to any component in the tree below it — no matter…Programming5 min readProgramming5 min read
Published in ITNEXT·Mar 14How ChatGPT Helped Me Build a “Quote of the Day” App in Record TimeRecently, I attempted to create a simple application using Apple Shortcuts. The idea was straightforward: I needed a script to automatically pick a random item from a list and read it to me every morning at 7 am. While I had some experience with Apple Shortcuts, I wasn’t sure how…Programming4 min readProgramming4 min read
Published in ITNEXT·Mar 10Maximizing Productivity: How ChatGPT Can Improve Pair ProgrammingAs a practitioner of Test-Driven Development, my workflow involves writing tests from the user’s perspective and then implementing the code to satisfy those tests. When the code reaches a point where making changes is difficult, I refactor it. …Coding8 min readCoding8 min read
Published in ITNEXT·Mar 7I Asked ChatGPT a Seemingly Impossible Task, and This Is What Happened.A background story In September 2016, I worked as a consultant on-site for a client. The team I was working with was a fairly typical traditional software team. By saying typical I mean they are still struggling with the Waterfall development model, where development following the upfront design output, front-end and back-end of…Programming10 min readProgramming10 min read
Published in ITNEXT·Mar 3Create Your Own OpenAI Powered Chatbot in React within 30 minutes.In this tutorial, we will explore how to build a simple user interface that leverages the OpenAI HTTP API in conjunction with React. …React5 min readReact5 min read
Published in ITNEXT·Feb 20Sharing Stateful Logic in React with Hooks: A Better Way to Build Reusable ComponentsAlthough React hooks have been available for some time, I have noticed that certain fundamental concepts — such as the reasons for their necessity — are not always well understood. …Programming4 min readProgramming4 min read
Published in ITNEXT·Feb 12Clean Code Takes Priority: Choosing Readability Over SpeedI got a lot of comments on my recent refactoring article and the corresponding video. I replied to some of them here and there, and soon I realised it would be helpful to put these into one place and discuss the topic a bit deeper. There is a particular comment…Programming6 min readProgramming6 min read
Published in ITNEXT·Jan 18The refactoring of the “Very efficient Code” from Dutch DigiD AppI found a very interesting code snippet today on a programmer humour channel on Reddit (Very efficient Code). And that code snippet kinda goes viral, and you might have already seen it on different platforms as well — people love it. Many arguments are going on about the topic. Some…Programming6 min readProgramming6 min read
