ALAN LAVENDER @lavenderlens@qoto.org

You will notice a /db.json file. This is our current application state, a JSON object of songs and their lyrics and some other parameters. Internally, it looks like this, empty or populated (in /db2-ALL.json). In the development environment ONLY, /db.json is served by json-server. Songs are then added by the user to appear on the home screen. This is an environment which could only be mocked IRL by. a proper database backend. This is problem No. 1 that I hope to improve via the addition of Redux, where /db2-ALL.json will become our Redux Store, with /db.json as a dynamic slice of the store state. That came to me during my preliminary Power Nap. Redux Store effectively becomes our database in the frontend.

The app structure of the choros app looks like this. With Vite, /index.html is up front and centre. I decided to put my components in a /src directory.

From the above screenshots of each project's page on the npm repository, https://www.npmjs.com/, you can clearly see which horse to back on popularity alone. But it is my opinion that in software development, particularly frontend, new frameworks and tools are adopted in frenzied trends, like new haircuts or boy bands in other contexts.

We are going to add Redux to the choros app, which additionally is built using the Vite bundler, taking a ready-made Redux-plumbed-in boilerplate, the my-redux app, as our guide. my-redux is built using the create-react-app bundler. And here we encounter the first gotcha of modern Redux. All but deprecated now in the official React docs, create-react-app is an interesting choice for the go-to Redux Toolkit, or RTK for short. It is my opinion and that of my colleague's that create-react-app, or CRA, has superior error reporting to Vite, and a more reliable dev server, albeit a bit slower to build. But how many times do you build out a new JavaScript Web App with Node modules, compared to unit test using its' built-in dev server?

I have two apps as starting points. "/choros..." is a copy of a production app using React and React state only (lifting state up pattern) to manage state across the app, whereas "/my-redux..." is a template scaffolded using the following command:

npx create-react-app my-redux-template-app --template redux

When at my desktop and doing important original work, the first app I reach for is a simple pomodoro timer. I work in intense bouts of only 20 minutes, devices OFF.

And some frozen mango chunks to take into the office should cover the snacks kind of things.

Of course, after a Power Nap it feels like breakfast again.

Now time for forty winks power nap. Dreaming of my new redux store, of course. A chance, in all seriousness, to trigger the power of the subconscious mind. That's my story anyway and I'm sticking to it. The science:
https://www.nhs.uk/every-mind-matters/mental-wellbeing-tips/how-to-fall-asleep-faster-and-sleep-better/

Yeah I burned the sausages a little🤷🏻

First step: nobody marches on an empty stomach. This is an important and often overlooked extension of your own DX.

Yeah I burned the sausages a little 🤦🏻

I'll post my findings here. You see, in the knowledge industry, it's not textbook details people crave. It's workflow solutions, passed down from someone who has gone through the pain for you, and come up with their own idiosyncratic method. Don't teach me, teacher -show me!

NEW THREAD: REACT WITH REDUX VIA REDUX TOOLKIT:

Finally on development comparing adding #Redux #RTK to an existing #React app (bundled by #Vite) versus template (bundled by create-react-app with redux template flag).

“Like scratching an infected wound”. Challenging the emperors new clothes in a pensive thread on dogfooding datasets in AI.

Mapping the human brain and where this may lead us:

https://hackaday.com/?p=680975

I can’t help thinking this approach, as novel and valuable as it is, a little reductionist. Maybe we will learn most from studying the emergent properties of learning and cognition rather than the underlying physiology?

Yes, but can it fry an egg?