View profile

[DMWN #40] Learn React Context in 1 Minute ✨

Dillion Megida
Dillion Megida
In this YouTube shorts, I explain what React Context is and how to use it in 1 minute

Happy new week : )
Trust you had a great weekend and you’re rounding up the month happy?
I’m sorry you didn’t hear from me in the last 2 weeks. For the first week, I didn’t have much resources to share, and for the second week, I had so many, I was disorganised and couldn’t settle down to compile them.
While I haven’t yet settled down completely, here’s what I have for you this week
What I did last week 😇
In the last few weeks, I’ve published many resources from my blog, to FreeCodeCamp, to Instagram (win of the week was I crossed 300 followers here 😇). I’ll share few of them here:
  1. I published a YouTube shorts: React Context in 1 minute where I explain how React Context works and how it solves the problem of prop drilling
  2. I published 10 Useful String Methods in JavaScript: Here, I highlight 10 string methods and how they work
  3. I published How to abort API requests in JavaScript: Here, I explain how to cancel API requests that haven’t been completed in JavaScript
  4. I published JavaScript Promises – The promise.then, promise.catch and promise.finally Methods Explained: In this article, I explain the different states of promises and how to manage these states with the promise then, catch and finally methods
  5. I published Minify CSS – CSS Minifying and Compression Explained: In this article, I explain the concept and relevance of CSS compression and tools to help you achieve this
  6. I published After Rejection Emails, what do you do next? - Here is my Tip on YouTube. In this video, I share a tip that has worked for me in some cases, which is asking for feedback after getting rejection emails
  7. I had an interview with Tariq, Product Design Lead where he shared the tips that helped him secure his first full-time job as a Junior Designer
  8. Following two CSS battles, I showed my process of Building a Tiger’s Eye and Building a Fork with HTML and CSS from scratch. Watch my CSS hassles, and tips and share in the videos.
  9. I published a YouTube shorts: Welcome to the Netherlands, where you’re rewarded for contributing to recycling ✨
Here’s a technical writing resource I created, Simplified Technical Writing, where I share most (if not all) of my experience in Technical writing. In it, I share how to get started, how to get topics, writing jobs you can apply for and so much more. Do check it out if interested and share : )
Featured Articles ✍️
  1. New in Google I/O 2022: Exploring the HTML Dialog Element: In Google I/O 2022, the Dialog Element was announced with more features especially for accessibility. Learn what’s new and what you can do with this element in this article
  2. CSS Functions – How to Use calc(), max(), min(), and clamp(): CSS is more than a stylesheet these days. There’s some programming going on also, such as functions, which this article explains.
  3. Creating a VS Code Theme: Do you want to make VS Code Themes? In this article, Sarah shares how she makes themes.
  4. 100+ Web 3.0 Common Terminology: If you want to learn about web3, check out this article for some of the popular/unpopular terms explained
Featured Videos 📹
  1. Which should you use, <img /> or background-image? A quick look at the tradeoffs, particularly for performance
  2. How did Victor get his first Full-time Job as a Junior Designer? Check out this interview I had with Victor, a Product Designer, where he shared the tips that helped him land his first full-time role
  3. How to Become a Web Developer in 2022!
  4. Learn useCallback In 8 Minutes: this video explains how the useCallback hook in React works
  5. 5 JavaScript Concepts You HAVE TO KNOW
  6. React Context in 1 minute - YouTube
Tool of the day 🛠
Do you know that you can easily setup a live server for your projects in your VS Code Editor? The Live Server extension serves this purpose. It creates a server on a port, and you can enter the localhost port on your browser.
Useful tip of the day ✨
npx unimported is a package/command tells you what dependencies are not being used in your code. This is useful to reduce the bundle size of your applications and keep only the things you need.
That’s it for this week.
I currently have an Instagram account @deeecode where I share code/tech tips from time to time. Do follow if you’re interested :)
If you’d like to talk about Tech (writing or software engineering) or have questions, you can schedule a meeting with me in my Calendly profile. Looking forward to meeting you.
As a content creator, I love simplifying diverse topics in web development that I understand. Do you have any issues, tools, or frameworks that you’d like to understand better? Do let me know, and I may 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.