Aliasing with Babel instead of Webpack
If you have been using aliases in Webpack, and want to switch over to Babel instead, you can use the Babel Module Resolver Plugin. Then just configure your aliases, such as: […]
React
SetState() is not the same function in Reflux and React!
I remember moving some functions from a local component into a store, and it quit working. When I figured out the problem, I ended up reverse engineering some of the […]
NPX – run NPM packages locally without global installs
Newer versions of NPM come with a tool called NPX. You can use NPX to execute local copies of NPM packages. This is especially helpful if you are developing in […]
Error with this.storeKeys in a Reflux component
Came across an error for hasOwnProperty when adding this.storeKeys to a React component listening to a Reflux store. So I: Stripped the component down to just a few lines; still […]
Interface Design concept – Pattern Labs
After working for many years with server-side technologies, where the full HTML is generated and sent back in one large chunk, it has been interesting to move to a modular […]
React Router V4 – Routes not rendering, possible solution
I upgraded an application from React Router v2 to v3, then v4. The upgrade to v3 was relatively painless. The upgrade to v4 caused a few headaches, due to multiple […]
JEST tests fail on React components as pure functions
After updating to a newer lint rule set, we converted some components into pure functions. This made the linting happy, but broke the JEST unit tests. I did some debugging […]
Useless constructors
This was a simple fix, but something that I had a lot of due to making a baseline template with most of the life cycle functions defined as empty functions. […]
ReactJS – Stateless function vs Component
Continuing with implementation of new linting rules, I learned that you can have a ReactJS component that is defined as a stateless function, rather than explicitly as a component. The […]
ReactJS component methods – STATIC context
One of the interesting things I came across with new linting rules is static functions in components. To make the linting happy, I had to add the word static in […]