Why do we need to use bind for events in class based components?
You might be wondering why you need to use bind() for calling class methods from events in React. Maybe you’ve just chucked the binds in and it works, so move on: if it ain’t broke don’t fix it. Even so, you might have a nagging feeling because you don’t know why you need these, and …
Why do we need to use bind for events in class based components? Read More »
Essential JS for React: Understanding callbacks and arrow syntax
If you are new to JavaScript and React, the syntax can be confusing. You might not know if you are dealing with “React” syntax or “JavaScript” syntax, and it can be hard then to get answers. One place this crops up alot is with the => syntax used for arrow functions (also called lambda). You …
Essential JS for React: Understanding callbacks and arrow syntax Read More »
How to avoid API requests getting called repeatedly in your React component
If you have a React class component OR functional component, and are using fetch, axios, etc. to make a call to the server, you may want to only do that once when the component is created. This is easy to set up for both class components and function components. If you stumbled across this problem …
How to avoid API requests getting called repeatedly in your React component Read More »
An introduction to Webpack, and where it fits in with Node and NPM
You are probably going to bump into Webpack at some point if you are doing React development, and if you do it’s good to be armed with an idea of what it’s about, what it does, why it is needed and where it fits in (with Node, NPM etc.) This guide is to explain all …
An introduction to Webpack, and where it fits in with Node and NPM Read More »
useEffect hook not working right? Here are a couple of things you can check.
You can’t figure out why the UI is not updating as it should, and you’ve tried console.log and F12 and are still none the wiser. Wouldn’t it be nice if you could get past this and build and show off beautiful apps instead. This list of common misunderstandings and how to over come them will …
useEffect hook not working right? Here are a couple of things you can check. Read More »
How to increase your React experience from zero, and work towards a job using React.
Web tech is moving fast, but your job might have you using old technology stacks, or just building sites using a CMS. Or perhaps you are a team lead who doesn’t have the time to keep up. How do you get experienced in React if you can’t do it at work, and make yourself marketable …
How to increase your React experience from zero, and work towards a job using React. Read More »
If you are stuck with a React or JS problem here are 3 great communities to help, and how to ask for it
Whether you are doing coding for the first time, or for eons, there is one thing that is the same: There is always more to learn, and more to get stuck on. As you get better, you aim higher, and get stuck again! It can be very frustrating to waste a lot of time on …
What does eject do in create-react-app
You are using create-react-app and it’s awesome. It’s taking care of a bunch of tools for you behind the scenes so you can get on with coding your React app. You’ve seen this eject feature and your are curious, what doe this do, and should I use it? You’ve read that it makes package.json more …