October Engineering Monthly Round-Up

Ugur Oruc

Tech Lead

October was strong and steady for the engineers at OAK’S LAB. After crushing our objectives last quarter, we spent the month kicking off new OKRs and focusing our energy on the projects at hand. And while we stayed busy building products, we learned a little on the way. From conferences and new releases to exciting features and thought-provoking articles, here’s what we had our eye on in October 2022.

Engineering News and Insights

Next.js 13‍

The highlight of October for us was the Next.js Conference and the release of Next.js 13, both of which brought us amazing features and pushed the community and other libraries forward. Vercel (the company behind Next.js) has been working on a lot of features for the framework. Here are a few of the highlights:

Layouts, loading, and error state for pages/folders
Server first default and React Server Components
Dynamic HTML streaming
Turbopack, the successor to Webpack, with up to 700x faster performance
And many more

Is it time to break up with CSS-in-JS?

Is CSS-in-JS bad? You might be wondering how it works, what are the benefits, and at what cost. Sam Magura (the second most active maintainer of the Emotion CSS library) has written all about it in a blog post that outlines the pros, cons, and why key performance issues drove him away from CSS-in-JS altogether.

Node.js 19

Node.js 19 was released last month! The Node team worked hard to release this new version, and it’s finally available. The “current” Node.js is no longer “18,” which enters long-term support. Some highlights from the release:

“Watch” mode has been introduced to listen to import changes on your project.
WebCrypto is now stable.
The V8 engine got an update to v10.7.

Are the decorators finally ready?

JavaScript decorators have finally reached stage 3 of the TC39 process. With Babel support in place and TypeScript support on the way, this blog post details stage 3 of the ECMAScript proposal “Decorators” by Daniel Ehrenberg and Chris Garrett. Dive in to find out everything you need to know about the history and future of decorators.

Signal Boosting

The Preact team introduced “Signals” a while ago, and it brings a new way of state management that is already popular in other libraries and frameworks. The team has introduced a new version, and “Signal” can be used on React as well. With this, you will no longer need “dependencies” on your React Hooks. But you will be able to define states easier, and it will push you to do more reactive programming.

Halloween has come and gone… 🎃

But it’s always good to be prepared for next year. This October we found Dracula UI, a UI library that is perfect for adding some Halloween-type themes to your websites. Feel free to explore, and as a disclaimer: We don’t take any responsibility if visitors bounce from fright.

‍

Extra Things to Read and Watch

Self-care is of the utmost importance. And running yourself into the ground is a genuine hazard. Read more about how to protect yourself from burnout.
“Indulge me a moment, and picture the following scenario.” James Sinclair wrote a beautiful and comprehensive essay that explores the question: What if my team hates my functional code?
Check out this video of Jack Herrington as he discusses how to make React context as fast as any state manager out there.
And finally… we’ve said it once, and we’ll say it again. Next.js Conference is the event to watch.

‍

A Few Libraries to Browse:

Prisma: Our lovely ORM framework has released v4.5. Here are the release notes. (To read more about why we chose and love Prisma, check out my latest article: 4 Ways We Use Prisma to Speed Up Development.)
Turbopack: Vercel’s new Webpack successor. Alpha is out.

‍

A Final Challenge

We’re closing it out with another engineering challenge.

Do you trust your JS skills? Try to spot the bug without running the following code:

Need help? See the 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!

Our Jobs

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 October 2022 Engineering Monthly Round-Up. Thank you for reading, and we hope you’ve enjoyed the articles, libraries, and insights 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@oakslab.com. Thank you again, and we’ll be back next month.

----------

ANSWER:

The “replace” method in JavaScript only replaces the first match. So, using this will not replace every instance for the “placeholder.” To fix that, you should use the “replaceAll” method. This will replace all the occurrences in the string. Or you can quickly write RegExr for this.