In React, the way you do code with class components vs. hooks is completely different. If you are used to classes, things you are comfortable with no longer work like that. For example: you need to keep hold of an object for the lifetime of your component. How to do that with hooks? This is […]
How to create an object and hang onto it for the life of a component using hooks. Read More »
If you have used create-react-app to start a React project it is a piece of magic! It will set up everything you need to start you next React Project. But it does leave some questions. What is it doing behind the scenes. Why does it have 100Mb or more of dependencies? Is it using lot’s
Setting up a React Project, when to use create-react-app, vs. a DIY approach. Read More »
If you are like me, you are used to typed languages like C# that use types, and so what the advantages and familiarity of types in your front end code. However for many people, they can be thrust onto a TypeScript codebase at work, or when say working on an open source project, with no
The benefits of using TypeScript for React Read More »
Just wanna see ?? Here is a link to a demo of the app I have a new approach to making side projects, which is to keep them pretty small and simple, so there is a hope of ever completing them. Also it’s good to make them useful, so that at least I might get
An Example Birthday App, using React & Typescript Read More »
This is the million dollar React question for beginners. You can’t dig into React without hearing a lot about Redux. However for many people who start learning, it can make no sense, they can’t understand it, or if they do it just seems like boilerplate code. Let’s explore if you need to learn it, and
Do I have to learn Redux? Read More »
I saw this question on Reddit recently: “I’m currently writing an app that will apply a $25 fee amongst others that are depending on if the checkbox is checked or not. It’ll add the fee if it’s checked, but if the check is removed afterwards it’ll still keep the fee added on, how can I
How to update fees in your React shopping cart based on check boxes. Read More »
If you use Node Package Manager to do React work and you are running npm ls then the chances are you are debugging some horrible issue to do with dependencies. You want to quickly sort this thing out and move on to the next thing. The ouput of npm ls can be confusing, so let’s
What does `npm ls` show me? And why is React in there multiple times? Read More »
Hey folks. There are alot of React courses out there, and a lot of them suck for various reasons. A problem with all tech courses is they go stale – the code that worked in April 2019 no longer works because things have moved on. The concepts they teach are no longer modern. And many
If you have recently been promoted to tech lead, or doing it for a while, you’ll deeply appreciate that there is hardly any time for coding, or maybe zero time at all. There are a lot of people related things to do, project planning things to do, improving for the future or responding to emergencies.
You have a functional component with 5, 10, 15 hooks? And you are wondering if it’s too much, maybe you have chosen the wrong tool for the job. A hammer instead of a drill. And perhaps the right tool is a class based component? Or something else? Redux!!? Well before you throw out the baby
