I’ve recently become an expert in Cypress (largely e2e testing, and for me/us largely ala React). It is fantastic, and combines all the right techniques you know and love. I’ve spent years in Jest/Jasmine and other test/frameworks, and they lack so much. But the reality is that testing front-end/GUI is just HARD! It’s not like …
Too much confusion and far too complicated data-sharing use-cases cause many React developers to become more discouraged concerning how to share data between React components and classes while preserving one-flow direction and asynchronous updates to the UI often from server-side changes or companion components. Even talented React developers do not truly understand ‘state’, ‘hooks’, ‘context’, …
New paper! Best Modern React Data Sharing Approaches Read More »
This is interesting/weird. The following code does NOT work: const [refresh, setRefresh] = useState(10); useEffect(() => { setInterval(() => { console.log(“Timeout, refresh:”, refresh); setRefresh(refresh + 3); }, 1000); return list.unsubscribe; }, []); What happens is that each time the timer-interval goes off, the value of ‘refresh’ is still at 10. Why? The value goes to …
I ran into a new challenge when I was refactoring and organizing code and components into smaller reusable pieces. I ran into a case where HOC-like approaches wont work, but perhaps an Inheritance model will, and settled on a much different approach. Let’s discuss the use case. Imagine your server holds a list of …
A different approach to data-sharing of server data/lists across components. Read More »
I love React, and mostly like Jest (and Jasmine and Java predecessors) but I will say: I spent a WAY MORE ENORMOUS time chasing simple debugging of jest scripts. Simple stuff. Why? I really dont know. It wasn’t designed for what I really want. It is designed for HUGE systems (like Citibank, Bank America, Amazon) …
Some in-the-trenches tips/experiences with React/Jest (autotesting) Read More »
Product release to the customer often requires a FMECA (Failure Modes Effects and Criticality) along with the Reliability Prediction to complete the delivery package; in addition, revisions are common along with the pressure to update the Risk Analysis package quickly and accurately. Excel provides data import, lookup, merge and formatting to automate this process and …
Risk Management – Leverage Excel for fast, easily revised Risk Analysis Read More »
Overview A main goal is to have a ready-to-use and simple “guide” that others can use for setting up a React project for translation. There are many different methods and stacks in the computer world, especially in the javascript world, but the React Intl stack seems the most-used and easiest to use. Here are the …
We are all trained in React that NEVER EVER do this.setState() (or derivative) in your render() method, right? It is considered evil. There is general fantasy that render() should be 100% benign, no side effects, 100% repeatable no matter how often re-called, right? There are two main reasons for this fantasy. One is some purist …
Correctly using React this.state and truly being a state machine Read More »
We all know, as we develop life-changing solutions for the world: “Mobile First” rules. Partly (if nothing else) is because: Responsive. Meaning, any-size screen, any rotation, and the “solution” needs to be very usable. Ok, got it, same page. Mobile is a bit different. Some apps are really mobile oriented, some are “game” (and def …
In this tutorial we will set up an app with authentication, routing, a global Redux state, and a basic node express server. We will use React, Redux, auth0, Redux Thunk, express and node. This will be a minimal skeleton app which you will be able to build on top of. Prerequisites: Basic HTML, CSS, and …
Building a React app with an Node API server Part 1: Intro Read More »
