Tag: React

  • Getting Your Vite React App to Work on Github Pages

    One of the many cool things about GitHub is GitHub Pages – the free web hosting Microsoft gives you while they vacuum up your code for CoPilot training. Each repository you keep there can have pages at <your-github-username>.github.io/<repo-name> GitHub To enable this, you need to go into the settings for the repository – look down…

  • React Expense Tracker App

    I’m focused on React frontend skills these holidays, and working through Mosh’s React 18 course. The exercise today (which I think I nailed, although I spent more than the recommended hour on) was a small app to track expenses. Like most of Mosh’s exercises it was great because it exercised all the understandings up to…

  • CSS for React Components

    If you think back to HTML as being a document with headings and paragraphs and other semantic bits, it made a lot of sense to have the styles (expressed as CSS) separate to the document. This allows us to change the styles without touching the document – perhaps the user wanted a dark theme, needed…

  • React – a To Do Example

    Since I’m on a roll making different versions of the To Do app, this might be a good time to talk about React. React is one of the giants of front end libraries. It’s based on a few big ideas – and to work effectively in React you need to wrap your head around these.…

  • Expired Packages Part II

    Following on from the previous post… I went the nuclear route – deleted the node_modules folder, package-lock.json and installed the packages from packages.json. I still had some errors, but the react app at least ran correctly. Also, the messages are a bit more intelligible, and all of them cascade from this one. From my, admittedly…

  • React code is not HTML

    I was looking at this ugly code in a React app: Since I don’t need any of those CSS properties to change at any stage, I could just convert it to pure HTML/CSS right? Well no: The newbie trap I’ve fallen for here is that although that <div style= tag looks like HTML, it’s actually…