Published in Better Programming·Jan 12Member-only10 Docker Commands Every Frontend Developer Should KnowMaster the Docker command line interface — As a frontend developer, learning to use Docker will help simplify the process of building, testing, and deploying your web applications. It’s a valuable skill in today’s job market. Adding Docker to your toolset can make you stand out to potential employers. …Docker5 min readDocker5 min read
Jan 11Member-onlyRunning a React Vite App in Docker Using NGINXHow to Dockerize a React app — Docker is a powerful tool that allows developers to easily and consistently package and deploy applications. This article will discuss how to run a React app (built using Vite) as a static website using the NGINX web server. Docker Simplified Think of Docker as a virtual “shipping container” for your app. Just…React4 min readReact4 min read
Jan 6Stop Using the JavaScript Notifications APIHow to create your own toasts — Toast notifications, also known as “toasts,” are small pop-up notifications that appear on the screen to alert users of important information or events. While it’s possible to use the JavaScript Notifications API to show toasts, there are several benefits to writing your own JavaScript notifications or using a tried-and-tested, third-party…Java Script4 min readJava Script4 min read
Jan 4Injecting Content Scripts in Chrome Extensions: Statically vs ProgrammaticallyWhen to use each approach — In Chrome extensions, content scripts are JavaScript files that run in the context of web pages and can be used to modify the content of a page or interact with the page’s Document Object Model (DOM). Content scripts run in a private execution environment, completely isolated from the web page…Chrome Extension3 min readChrome Extension3 min read
Published in Better Programming·Jan 3Improving Web Page Performance With “defer” and “async” Script AttributesUnderstand the key differences between the two attributes — By default, browsers download and execute any scripts specified in <script> elements on an HTML page before any HTML parsing begins. This can negatively impact the web page’s performance, particularly if the script isn’t needed to render the initial ‘visually complete’ or ‘above the fold’ content. The defer attribute is…Web Development3 min readWeb Development3 min read
