Our engineers are not afraid to innovate. Every month, we keep an eye on current news, insights, and events related to our industry and relevant to our work, and we share them with each other. The topics range from the newest platforms, extensions, and tools to educational articles, the hottest conferences, inspirational white pages, and more. Now, we want to share them with you. We hope that you too find inspiration in the news, insights, and events below.
This past month at OAK’S LAB we released new products, kicked off new projects, and said goodbye to others. Throughout it all, we gathered insightful articles, explored new platforms, and challenged existing frameworks to improve the way we work. Here’s what we discovered in August 2022.
Webhooks are the backbone of API development. They are universally used, from payment services to receiving SMS messages, but they remain unstandardized API contracts. Webhooks.fyi is a platform that provides a directory of webhook providers and a collection of best practices for providing and consuming webhooks. Created by ngrok.
Are you curious about modern application design patterns? What they are? How they are done? Patterns.dev is an excellent source for you to discover patterns, tips, and tricks for improving how you architect apps. For a more interactive version, you can explore JavaScript Patterns.
Are you using “refs” effectively and correctly? If you have a basic understanding of refs in React, then this article is a great write-up on ref usage. Key takeaways include: always be careful of what the dependencies are in your useEffect. And don’t forget that “ref” is a function!
Container queries help developers to query the parent selector for its size and styling. But there’s more to it. The developers at Google Chrome go into detail on why this is such a huge release — alongside the :has() feature — for developers everywhere. You can also watch this explanation video for a deeper understanding.
Using third-party resources is necessary to track user behavior and even to check if your application is failing. However, they might do harm to your website or application. The developers at Google Chrome have a future vision of the web where third-party scripts provide value without disrupting the performance or user experience of websites. They share their information and insights from experiments with third-party scripts.
Have you ever wondered what triggers React to re-render? Even the most experienced developer might give you different answers if you ask. At OAK’S LAB, we are using “useCallback”, “useEffect”, and “useMemo” constantly in React, and it might cause some re-renders in different scenarios. To finally understand the behavior, Josh Comeau provides the explanation.
Engineering levels and ladders differ from company to company. At OAK’S LAB, we found inspiration by looking at this framework for engineering managers. It’s an excellent way to evaluate how we are doing and how we can improve the way our department works.
Now that summer is almost over, the event calendar is filling up for the fall. Here’s what we’re watching.
From Web Conferences Amsterdam, this talk about creative CSS layouts stood out and can be found on YouTube now.
The UI Dot Dev team has put together a video of how React entered the ecosystem and evolved into what it is today.
To celebrate the first edition of our monthly round-up, we’re closing it out with a small engineering challenge.
Do you know how JavaScript works? Let’s see how deep your knowledge is!
What is the output of the code below: (Answer at the end of the article.)
If you or someone you know is looking for an engineering position either remotely or in Prague, check out our job openings. We’re hiring!
Do you want to shape the future and help build companies from scratch? Here is a list of job openings available right now at OAK’S LAB.
That’s the end of the August 2022 Engineering Monthly Round-Up. Thank you for reading the first edition, and we hope you’ve enjoyed the articles, platforms, insights, and events we shared. We look forward to seeing what next month brings our way. If you have any comments, suggestions, or other interesting material to share, please feel free to comment below or send me an email directly at ugur.oruc@oakslab.com. Thank you again, and we’ll be back next month.
----------
ANSWER:
Output: First, Fourth, Third, Second.
It’s all connected to the JavaScript event loop at the end. JavaScript treats all events in a different order, and putting “0” in setTimeout does not make the timeout an immediate call.
VIDEO: Watch how event loops work.