Category: Uncategorized
-
Don’t track that: Peer programming with AI to compile code at build
Up to this point my mighty Bedtime Checklist App has been using pre-compiled React components– stored in the project repo– in production. These are based on components from the component library sub-repo. Instead of tracking the compiled files in the BCA repo, the components should instead be compiled at build time. No compiled components should live…
-
Converting a static button to a react component
I’m in the process of converting the front end components of my checklist app from static elements defined in the html to reusable react components. I feel compelled to point out that this is not strictly necessary as my app is very small and already renders very fast with the server-rendered express views. However, I’ve…
-
Why adding react’s useState to a component was throwing an error and how I fixed it
I had the following code in my button.jsx file: Things were working fine, until I attempted to add useState to the mix: As it turned out, since I was loading my react library from CDN to the browser, I did not have a way to import the local react library as an ES module import.…
-
How to deploy to Digital Ocean App Platform
Digital Ocean offers a service called App Platform that allows for a managed environment to deploy and host a web app on. From the docs: App Platform is a Platform-as-a-Service (PaaS) offering that allows developers to publish code directly to DigitalOcean servers without worrying about the underlying infrastructure. The main objective here is to allow…
-
The Best Keyboard Shortcuts for Developers working with Sketch
next artboard fn + → previous artboard fn + ← previous page fn + ↑ next page fn + ↓ toggle sidebar option + cmd + 1 toggle inspector option + cmd + 2 toggle layout grid ctrl + L view layout settings ctrl + cmd + L
-
The best keyboard shortcuts for Outlook on Mac to increase productivity
Display previous message Ctrl+[ Display the next message Crtrl+] Open a message in new window Cmd+O Close a window Cmd+W Navigate to previous pane in the Mail view Shift+Ctrl+[ Navigate to next pane in the Mail view Shift+Ctrl+] Archive a selected message Ctrl+E Delete a selected message Delete Forward a message Cmd+J
-
Everything I learned about Content Security Policies while wrestling with CMS templates
Content Security Policies (CSPs) are meant to add security to websites and web apps from malicious scripting attacks. These type of attacks include Cross-Site Scripting (XSS) and data injection attacks. In my case, the project I was working on had been relying on the Resource Override Chrome extension to developer CSS and JS against a…