ALAN LAVENDER @lavenderlens@qoto.org

Life really is getting more #BlackMirror by the day. Thinking of that one where Miley Cyrus downloads her consciousness into a plastic toy.

They missed a slam dunk there, by not calling the app The CAI…

Here’s a video of a user journey through the app as it currently stands.

# /Home
The YouTube embed function is for learning new songs before practice.

# /Add Track
The Add Track component is for local development use so that only I can perform weekly updates. Songs have to be hard coded in at present in order for the React app to work offline in the browser when phones are switched to airplane mode during the performance.

# /Search Track
The Search Track component searches on a partial match of either title or first line. That was the use case that inspired it at the start, two weeks ago while driving to Mass!

# Backlog
Next sprint: Search will lift state up to the Home component and load user choice from searched-for songs.

# Tech Stack
As a teaching example I intend to do this one way via lifting state up, without using redux, and another way using Redux ToolKit. The user will be agnostic as to which state management architecture was used.
#rtk #redux #react

Link to bird video - just for length!😬
https://x.com/lavenderlens/status/1706654057421566298?s=46

{song.words.substr(0, song.words.indexOf(‘<‘).substr(0, 30).concat("...")}

nifty string manipulation cuts off after the first line, truncates to max 30 chars, adds ellipsis

It detects the beginning of a line break tag in the React render (rendered using dangerouslySetInnerHTML)

#React #JavaScript #webdevelopment

Fascinating military video of a #C-17 #Globemaster emergency takeoff procedure. Those things are huuuuge!!
https://youtu.be/4FcUf_b2-vo?si=UIShQ5ilmlf3pWuq

A good bird app friend of mine has done a podcast on the #MentalHealth #SafetyPlan she orchestrated for the NHS in the U.K. listen HERE ⬇️
https://x.com/AlysColeKing/status/1704928983249191212?s=20

And it’s a great big sláinte mhaith from me as I’ve done the first upload of my choir app ready for tomorrow night’s Mass. Made in React and Vite, with a dash of Tailwind, it does away with the need for endless on-mic rustling of photocopies. Welcome to the 21st century church!

At the Seán Bhearic, Falcarragh just now…

EMOJIS! Straight in to your code!
Fairly late to the table here but I just realised what the little globe on the function button means.

Full disclosure: I’ve been looking up the Unicode table or copying from iMessage.
🤦🏻‍♂️

Some very startling #economics facts and entertaining infographics. Very well done. 🍌 👏

Number 42 is the new Black Mirror ep.

Rob Douglas: we’re raising hawks when we could be raising doves.

And Karine Polwart on a Friday night.

Netflix, warm outside, and code that actually works. Life. Can. Be beautiful.

Well hello Concorde. We missed you. #X59
https://youtu.be/F4WmbQS882o