Skip to main content

Posts

Showing posts from 2021

Creating a Joke Application in React

Introduction I've recently started learning React. I've been a backend developer for a long time, but have started to love doing client side work. As they say, the best way to learn is to practise. So here is a simple joke application that I've written in React. The source code for the application can be found on GitHub at: https://github.com/doobrie/react-joke Creating the project Whilst practising, I've quite often created projects from scratch, but this is quite tedious as the same steps need to be taken for each project. I needed to create the project structure, configure Babel, write some control scripts etc. Instead of doing that this time, I've used the create-react-app tool to scaffold the basics of an application. npx create-react-app This sets up everything that you need to get started with a React app. Coding As this is a simple project, I've created one react component, function app() . I've created this as a functional c...

Dock flickering In Gnome

I'm using Pop!_OS on my current machine, and have the Gnome desktop enabled. I'm always on the lookout for good tweaks and one that I like is Dash To Dock that turns the standard Dashboard along the left hand side of the screen into a dock, similar to on MacOS. I really like this extension as it fits my workflow better to have a dock on my screen that automatically hides when a window covers it. You can add your favourite applications to it and also add the application launcher. I'm currently running Gnome version 3.38.3 and there's a small bug that makes the application launcher flicker when its opened. Fortunately, there is a simple fix described here . On my machine, this meant editing the ~\.local/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com/docking.js file and editing the if (animate) { clause at line 1896 to read: if (animate) { Main.overview.viewSelector._activePage = Main.overview.viewSelector._appsPage; Meta.later_add(Meta...

Changing Default Search Provider in Firefox on Linux Mint

On Linux Mint, the default version of Firefox is installed and configured to allow the following search engines to be queried directly from the address bar: Yahoo! Startpage DuckDuckGo Wikipedia Mint defines these as the default available set of search engines based upon 3 criteria (funding to Linux Mint, privacy support and whether the search engine is non-commercial). Other search engines such as Google, Bing or Twitter, etc. can easily be added into the default version of Firefox however. To add a different search provider, browse to Search Engines At the bottom of the page, click on the icon of the requested search engine, then click on the ... button in the URL bar and select the Add Search Engine option. You then have the option to change the default search engine within Firefox preferences to your new choice.