Welcoem to posts!!
in the future - u will be able to do some more stuff here,,,!! like pat catgirl- i mean um yeah... for now u can only see others's posts :c
Haven't had a discount on "Advanced React" book for a while, so why not now? 30% discount is live! Grab it now while it's hot 🔥 😅 advanced-react.com/
Also, I may or may not be presenting at React Advanced in London and at Web Directions in Sydney this year. 🙊 So if someone's attending and wants their paper book signed, that can certainly be arranged 🙈
22 - 3
Happy Monday, beautiful people! Hope it was or will be a productive start of the week for y’all.
I haven’t forgotten about you despite the lack of content in the last month. Just super busy contemplating the fate of authors in the modern Frontend development world. I'm not sure whether I should be annoyed at the React team for releasing so many new features right after I published my book or look at it as an opportunity to write a sequel in the next 6-9 months 🤔 Also, I’m buried under some personal stuff, but that’s a completely different story.
While I’m thinking hard about the rest of the year, it’s a good day to launch another 30% discount on the book. Tell your friends and colleagues, it’s a limited-time offer 😉
The book is called "Advanced React", available here: www.advanced-react.com/
46 - 5
Reminder: the 30% discount for the "Advanced React" book is about to expire in a few days 💸 💸 And the next one will not be available any time soon 😉 Grab it here: advanced-react.com/
You can download a sample chapter from the website if you want a sneak peek into what you're buying 📖
And if you already bought it from Amazon, I would really, really, really appreciate it if you left a review there 🙏🏼🙏🏼🙏🏼 Those go a long way on platforms like this.
#react #reactjs #frontend
16 - 6
Another video for y’all! Still following the Advanced React book content, this one is based on Chapter 7 and covers everything you need to know about good old Higher Order Components in React in just a short 7 minutes.
If you’ve ever looked at a HOC and felt like your brain was melting 🫠
and thoughts of the pointlessness of life are creeping in, then this is the video for you.
If you’re from the younger generation of React developers and have never had to deal with this pattern, then I still suggest you watch it, just so that you can appreciate more the world of hooks we have now 😅
Slightly late again, with no good excuse, really. Was just feeling lazy. So to compensate a bit, I’m going to run an extended sale on the book: 30% discount for 2 weeks. If you wanted to buy it, but the price was too high, now will be a perfect opportunity 😉
The book's website: www.advanced-react.com/
11 - 1
Not exactly a new video, but still might be interesting 😅 Wrote an article on the hot topic of the last month: React 19 and React Compiler. Did you know that those are not the same thing? Don't expect the Compiler soon!
A bit of digging, thinking, and guessing, and here's the result: www.developerway.com/posts/react-compiler-soon
Includes some thoughts on when to expect the Compiler, what to expect from it, and when we can forget about memoization in #react.
A new video will be in a week or so, working on it!
58 - 3
Who can guess how I spent my birthday today? 😉 Finishing another epic React video, that’s how 😅
This is again a big one - a deep dive on Reconciliation in React. All the practical things you need to know about it and a bunch of fun tricks to impress your colleagues.
Things that are included:
* what actually happens when a component is mounted
* how diffing & reconciliation work when a state update is triggered
* understand why creating components inside other components is frowned upon
* have fun with tracing the reconciliation process in arrays
* get a deep understanding of how “key” attribute works
* understand how memoization works in dynamic arrays
* learn how to preserve and reset state with keys
And a bunch of cats, of course! Try to count how many different cats are used in this video.😼
https://youtu.be/cyAbjx0mfKM
96 - 18
Happy Monday y'all! Want a nice discount to celebrate the last week of January? Just for this week, I'm dropping the price of the Advanced React book by 40%. Get it while it lasts! 💸
Also, I finally added a way to get a "sample" chapter, for those who want a sneak peek into the book before buying it.
Comes with a really nice re-design, so check it out as well 😅
#react #reactjs #frontend
www.advanced-react.com/
27 - 4
Finally done with the fifth episode of the Advanced React course 🎉💪🏼 If you have the book, it follows Chapter 5. Memoization with useMemo, useCallback, and React.memo.
This episode covers in a structured way everything you need to know about how, when, and why to use memoization in React. But most importantly - when and why not to use it. Stuff that are included:
* What is the problem we're trying to solve with memoization.
* How useMemo and useCallback work under the hood, and what is the difference between them
* Why memoizing props on a component by itself is an anti-pattern
* What React.memo is, why we need it, and what are the basic rules for using it successfully
* How to use it properly with the "elements as children" pattern
* What is the role of useMemo in expensive calculations.
Next episode will be released in 2 weeks, 3 weeks tops 🤞🏼
The book, if you haven't seen it yet: advanced-react.com/
#react #reactjs #javascript #frontend
13 - 0
For those who’s waiting for the next episode of the Advanced React course: I didn’t forget about you!
My great plans to create a few videos in advance during everyone’s holiday went down the drain when I caught some nasty flu-like bug right the day before Christmas. Instead of being productive, I spent the Christmas/New Year weeks coughing my lungs out and re-watching all seasons of Stargate Atlantis and SG-1. Fun times. 😷
Anyway, back to the world of the living (mostly), aiming to finish the new episode this week.
It’s going to be epic, the longest so far, and going to cover everything you need to know about memoization in React.
In the meantime, want to test your memoization knowledge and whether you even need this episode with a coding challenge?
Here: codesandbox.io/p/sandbox/broken-memoization-exampl…, I implemented an app: a list of countries and a search field. When you type in the search field, the list of countries is re-ordered, with countries that start with your search string appearing at the top.
Unfortunately, every item in the list re-renders on every keystroke. Plus, CountriesContainer triggers “component is mounted” on every keystroke.
Can you fix it? How many cases of broken or unnecessary memoization can you find while doing so? 🙈
If you're stuck, here is the same code with the comments indicating where the issues are: codesandbox.io/p/sandbox/broken-memoization-exampl…
And one of the possible fixes: codesandbox.io/p/sandbox/broken-memoization-fix-79…
Re-watching previous episodes might also help: www.youtube.com/playlist?list...
78 - 5
How y’all are preparing to let 2023 go? Retros and reflections? Writing down plans and new resolutions? I’m about to start that, so I thought I’d share a few 2023 successes with you to kick off the process 😅
❤️ But first and most importantly: lots of gratitude to all the lovely people who read and watch my content. The feeling of “I must be doing something right” skyrockets when y’all are sharing with me your stories, liking posts and writing comments, sending feedback, leaving reviews, running a book club based on my book (🤯), and sharing my stuff with your friends and colleagues. Y’all are incredible humans ❤️.
Now to successes.
👉🏼 My blog had over 1 million views this year 🤯. The three most popular articles:
* React re-renders guide (www.developerway.com/posts/react-re-renders-guide)
* How to fetch data in React with performance in mind (www.developerway.com/posts/how-to-fetch-data-in-re…)
* React component as prop: the right way™️ (www.developerway.com/posts/react-component-as-prop…)
This trio combined has more than half a million views overall!
👉🏼 The blog is going international. A few incredible humans translated some of the articles into Chinese:
* React components composition (juejin.cn/post/7304594468158226472)
* How to useMemo and useCallback (juejin.cn/post/7251802404877893689)
And Japanese:
* React re-renders guide (qiita.com/yokoto/items/ee3ed0b3ca905b9016d3)
* Refs in React (postd.cc/refs-from-dom-to-api/)
* Say no to “flickering” UI (postd.cc/no-more-flickering-ui/)
👉🏼 I started a Youtube channel!
It began with the idea of doing short independent videos, quickly morphed into longer videos that follow articles' content, and now focuses on “Advanced React” course. Almost a year of practicing, looking for a consistent style, and trying to optimize the “production” process - and I finally can create a video that I’m not terrified to re-watch 😅
The first four videos of the course: www.youtube.com/playlist?list...
👉🏼 And, of course, the “Advanced React” book (advanced-react.com/) - a culmination of 2 years of researching, writing, investigating, iterating, and polishing my ability to explain complicated topics in an understandable way.
Writing and re-writing content and creating coding examples took a few months of intense work. I did that while working a “regular” job and studying for an MBA, so that was an interesting few months 😅. After the book was published, all I could do for the next two months was drink coffee and stare into the ocean.
---
❤️ In conclusion, I want to say again how much I appreciate y’all for supporting my work, sharing it, commenting on it, reading it, watching it, and discussing it. Happy future New Year celebration and smooth transition to 2024 to us all!
47 - 8
Advanced patterns for Frontend developers.
Improve your technical skills with in-depth explanations, practical advices and useful tips and tricks.
Techstack: React, Typescript, node, monorepos, yarn, webpack, etc.
www.advanced-react.com
www.developerway.com