[DMWN #17] - Here are some useful articles, tools, tips and tricks in web development





Subscribe to our newsletter

By subscribing, you agree with Revue’s Terms of Service and Privacy Policy and understand that Dillion Megida's Weekly Newsletter will receive your email address.

Dillion Megida
Dillion Megida
Hi guys, I trust you last week/weekend was great!
I’m sorry for sending this newsletter late.
Last week was more of a resting week for me. I haven’t started working yet for some reason, so I made the best of last week for movies, games, and rests : )
Here’s what I have for you today:
What I did last week(s) 😇
  1. I started exploring Discord Bots, using this article: JavaScript Discord Bot Tutorial – Code a Discord Bot And Host it for Free. I haven’t fully gotten the hang of bot commands yet, but I was able to analyse messages and reply accordingly. Here’s a bit of it:
    If you’re not Nigerian, you may not really understand the replies…sorry 😶
  2. A friend introduced me to Svelte. I went through the tutorial section and it’s really a nice framework. I feel it’s almost similar to Vue with some magic (and confusions 😅) here and there.
    One thing I’ve learnt about frameworks is that they are just trying to achieve the same thing—help you manage state, improve how you decouple your applications into components and optimize your websites. They do this in different ways, and as I have this understanding of their goal, getting used to frameworks isn’t a big deal for me any longer (except Angular 😐).
  3. I made some improvements to the Simplifying Technical Writing platform. They are not live yet though, but if you’re interested when I’m done, you can fill the “Interest Form” on the site.
  4. I couldn’t do a video last weekend. I ought of have done it during the week but amidst my rest, I had to finish an article contract.
Featured Articles ✍️
  1. Web Share API - Dillion’s Blog: In this article, I talk about the Web Share API provided by the browser, which allows you to integrate Native sharing in your websites. This way, your site readers don’t only have to copy link and share with friends. They could click the share icon, and choose a destination (like Twitter) to share with.
  2. Playing Sounds Using the Audio Element: Here, I explore the Audio Element in HTML, and how JavaScript enables us to control different of its available methods.
  3. Comparing TypeScript and PropTypes in React applications: TypeScript and PropTypes are two different tools that can help you type Props in your React applications. In this article, I share their similarities and differences to help you decide which is better to use.
  4. How to Build a Gatsby Source Plugin, using Hashnode as an example: Source plugins in Gatsby help you to source data at build time, and build your static pages using that data. In this article, I share how to build one, by fetching data of articles from Hashnode.
Job Openings 💻
This is a new section that I thought to share. I’d do my best in getting recent jobs. I’d be using startup.jobs mostly as that’s my favorite site.
Let me know what roles you’re more interested in, so I can focus more on that.
Featured Tools 🛠
  1. Auto Rename Tag: This extension helps to automatically rename HTML closing tags when you’re editing the opening tag, and vice versa. It reduces the stress of having to locate the closing tag and rename accordingly.
  2. Bracket Pair Colorizer: This tool gives different colors to bracket pairs. This helps you to easily identify opening and closing brackets in your codebase.
Useful hacks/tips ✨
  1. Do you know that you can check commits you’ve made during a particular time in git? Using the since flag of the whatchanged command, makes it possible. For example, you can check the changes made in the last 1 week like this:
    git whatchanged --since=”1 weeks ago”
  2. You do not always need to delete a remote branch from the remote site (like GitHub). Here’s how to delete a remote branch from the terminal:
    git push -d <remote-name> <branch-name>
    So for a remote name of “origin” and a branch name of “develop”, you can run the following:
    git push -d origin develop
As a content creator, I love simplifying diverse topics in web development that I understand. Do you have any topics, tools, or frameworks that you’d like to understand better? Do let me know, and I may be able to come up with an article or video on it.
A new week, another opportunity to do amazing things! So go do amazing things 🚀.
Do have a splendid week 🌟
Did you enjoy this issue? Yes No
Dillion Megida
Dillion Megida @iamdillion

A weekly newsletter where I share things around Tech, Career and Life

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Created with Revue by Twitter.