Course launch π
My brand new 11-hour-long Learn React for Free course is now live! π
To celebrate, I will give away a one-year
@scrimba
Pro subscription (worth $150+) to 3 lucky retweeters of this tweet! π
π§΅
Re-renders in React:
When I was first learning React, I assumed reducing the number of unnecessary re-renders (and, tangentially, any re-creation of functions) was really important.
I remember teaching students to avoid any inline arrow functions in the `render` method...
It's
@scrimba
course launch day π My new React Router 6 course is now available 100% FOR FREE on Scrimba!
Because we're excited, we're giving away a free year of Scrimba Pro to a βοΈ lucky βοΈ someone who retweets THIS initial tweet. Go ahead, I'll wait β±οΈπ
About the course π
It's launch time! π My new Advanced React course is now available on
@scrimba
!
Because we're excited, we're giving away a free year of Scrimba Pro to a βοΈ lucky βοΈ someone who retweets THIS initial tweet. Go ahead, I'll wait β±οΈπ
π§΅π
I'm planning on finally starting my YouTube channel, but I want it to stand out from other coding channels. What are you looking for when you're searching YouTube for tutorials? How can I make my channel stand out from the thousands of others that already exist?
Time for a good 'ol countdown! β²οΈ
My React Router 6 course will be launched on
@scrimba
in 3 days, on Thu, Feb 23rd. Launch day will include a chance for someone to win a free year ποΈ of Scrimba pro by retweeting the launch tweet.
Some details about the course π
We have tools like React.memo(), useMemo(), and useCallback() to help avoid re-renders, but my general advice would be to only use them when you are actually experiencing (and measuring) a problem with performance.
Iβm about 90% sure I hold the power to trigger a release of React 19. All Iβd have to do is re-record my
@scrimba
React course to use React 18. Then about 2-3 weeks later, React 19 would drop.
I'm excited to announce that I've completed my new Advanced React course on
@scrimba
! π
It's going to have a soft launch for our bootcamp students very soon, and then the plan is to officially launch it to all Scrimba Pro members on June 26th π
I'm on the very tail end of my upcoming React Router 6 course for
@scrimba
(aiming to have everything recorded by Friday) and figured some people might be interested to know more about it. So here's what the course will be like π
I'm starting recording on my new Advanced React course which is the sequel to this introductory one. Feeling super excited about all the stuff we'll get to learn in the new course! π₯³
React is one of the most popular JavaScript libraries for building sleek user interfaces.
And if you're a front end dev, it's an especially marketable skill to have.
In this free course,
@bobziroll
teaches you React by building eight fun projects.
I want to start a series of mini tweet threads (1) to solidify my own understanding of JavaScript and React (teach to learn), and (2) to help other JS/React beginners bypass some of the things that caused me confusion when I was first learning.
What do you want to learn about?
ππ₯Easter Egg reveal: in my free 12-hour React course on
@scrimba
, we build an Airbnb experiences clone for one of the projects. In the design for it, I snuck in a photo of my beautiful bride
@SarahZiroll
from one of our wedding photo sessions π°πΌββοΈ
Tomorrow's the course launch day! π₯³ As a reminder, I'll be sending out a launch day tweet tomorrow and whoever retweets THAT tweet will be entered into a drawing to win a free year of a Scrimba Pro membership, valued up to ~$180 USD
Yeesh!
I posted to Reddit about my new React Router course and it's _generally_ well accepted, but some of the comments are another story π Reddit's a scary place! π¬
It's countdown time! β²οΈ
My newest Advanced React course will be launched on
@scrimba
in 3 days, on Monday, June 26th! ππ Launch day will include a chance for someone to win a free year ποΈ of Scrimba Pro by retweeting the launch tweet.
Some details about the course π
It's astonishing (read: flattering) how often I hear about bootcamps that just use my free React course on
@scrimba
to teach their React curriculum π€
Feeling pretty inspired by the
@scrimba
Twitter space today, so I want to do a giveaway!
RT this to enter to win a free year of Scrimba Pro, which gets you access to my advanced React course (the follow-up to my new free React course) and hundreds of hours of more content!
This week I started my discovery phase for possibly teaching a
#TypeScript
course on
@scrimba
. If it happens, I'll be focusing as much on the application and the real-world benefits of TS as possible, not just syntax alone.
Wish me luck, and any advice you have is welcomed!
I'm excited to be remaking my more advanced
#React
course on
@scrimba
so I can bring it more in-line with Scrimba's pedagogy and style, and have it flow more smoothly from my newest remake of the free Intro to React course.
@XdirtydY
@drvolts
I mightβve agreed had you said car salesman and home appraiser. During Covid, there were appraisers who would pull up to a house and make their appraisal from their car. $500 charge. Such a scam.
Tomorrow's the course launch day! ππ₯³ As a reminder, I'll be sending out a launch day tweet tomorrow, and whoever retweets THAT tweet will be entered into a drawing to win a free year of a
@scrimba
Pro membership, valued up to ~$180 USD!
#React
devs out there: what were some of your primary coding tasks when you first started out as a React developer? I want to make sure I'm hitting on the most common tasks in my upcoming React course for
@scrimba
π
Iβve been spinning my wheels a bit trying to come up with the best way to teach βreusable Reactβ topics in my new course, but had a breakthrough last week.
Hoping that translates to become the best tutorial youβve ever seen on compound components, context, composability, etc. πͺ
What a thrill to wake up and see that
@freeCodeCamp
published my new, updated React course! Thanks to
@ossia
and fCC for everything you do to further tech education for everyone in the world.
ChatGPT can now browse the internet to provide you with current and authoritative information, complete with direct links to sources. It is no longer limited to data before September 2021.
JS Deep Dive: Prototypes and the prototype chain
This is a topic that's good to understand just for the sake of nerding out about JavaScript. Knowing your language in a deeper way is a real confidence booster πͺ
I just saw a demo of a
@scrimba
3.0 feature using GPT-4 to assess student challenges, and I'm practically shaking at how amazing Scrimba is about to become in the next few months.
Props to
@sindreaars
and the whole engineering team at Scrimba for all the hard work they're doing!
2 more days until the new course launch and the giveaway for a free year of
@scrimba
pro!
Yesterday we talked about the Reusability section. Today, we'll walk through the React Router section.
2 more days until launch and the giveaway for a free year of
@scrimba
pro!
Yesterday I talked about loaders in React Router β₯6.4. Today, I'll share about "Actions", a sibling to loaders.
My new
#React
course is finished and will be launched very soon!π Some stats:
β³11.5 hours long
πΌ8 projects, including 3 solo projects (a new thing we're introducing in the
@scrimba
curriculum)
πͺEntirely hooks & function-based
πΉThe most interactive course I've ever made
I'm totally moved out of my old house! Which means I can finally get back to working on my new intermediate
#React
course for
@scrimba
. I'll try to let people know what I'm working on, what topics I'm including, and even drop a "course trailer" recording in the new few weeks π
Great news!π
Got the official go-ahead from
@perborgen
to create the new React curriculum
@scrimba
. It'll be project-driven lessons w/ interactive challenges on the unparalleled Scrimba platform, hooks-first approach, and filled with self-assessments to make sure you get it π―
πCongrats to
@Hey_lack
,
@100_brens
, and
@Uddeshya_4u
who were randomly picked to win a free year subscription to
@scrimba
Pro, which gives them access to my new Advanced React course, as well as all other Pro courses on Scrimba!
It's launch time! π My new Advanced React course is now available on
@scrimba
!
Because we're excited, we're giving away a free year of Scrimba Pro to a βοΈ lucky βοΈ someone who retweets THIS initial tweet. Go ahead, I'll wait β±οΈπ
π§΅π
In 2020, my super talented wife
@SarahZiroll
played violin in a scene on a
@hallmarkchannel
Christmas movie called The Christmas Bow.
She also plays and sings in multiple musical groups, models, acts, runs a business helping mothers prepare for birth, volunteers wholeheartedly
@thekitze
Depends. With my kids, Iβve much preferred having a separate room for them to sleep in. With larger groups and family, itβs usually cheaper to get a whole house than to get 4+ hotel rooms.
Follower # isnβt that meaningful a metric, but a year ago I did think it would be a pipe dream to reach 10K. Yet here we are!
I like to think itβs a reasonable way to see how many people my teaching has helped on their journey to a more fulfilling work life.
π₯to the next 10K!
By way of update: the "Reusability" section of my new advanced React on
@scrimba
is recorded and almost done being edited π I kept thinking of new things to add, and this section alone is now the longest single section in any course I've made π¬
Next up is React Router v6.
π₯ BIG NEWS π₯
The amazing
@bobziroll
has just joined us as our Head of Learning! π₯³
Ever since he started creating courses for us, our students have been begging for more tutorials from him. Now, we can finally promise you that IT IS COMING! π
Big news! Scrimba is now Mozilla MDN's recommended course partner π
MDN is one of the world's leading authorities on web technologies, so we are super proud that they picked us as their partner.
Here's some quick info about the course:
β³ 11.5 hours long
πͺ 100+ interactive challenges
πΌ 8 projects, including 3 solo projects (a new thing we're introducing in the
@scrimba
curriculum)
πͺ Entirely hooks & function-based
πΉ The most interactive course I've ever made
The first section of my free
@scrimba
TypeScript course has launched on the
@freeCodeCamp
YouTube channel!
Iβm planning to eventually add a 2nd and 3rd section to the TS course, but Iβm taking a break from it to work on the 3rd iteration of my free intro React course for the
@scrumtuous
This is the explanation I came up with for my course about APIs on
@scrimba
. Itβs not perfect, since you might technically be creating the API too (thus βsomeone elseβs codeβ isnβt always strictly true. But I think itβs pretty good. π€·ββοΈ
"Re-rendering" in React doesn't mean everything that gets re-rendered also gets painted to the real DOM. When React "re-renders", it actually goes through a 3-phase process: (1) Rendering, (2), Reconciliation, and (3) Committing.
When you're learning a new skill, failure isn't just PART of the process, it IS the process.
People don't get good at things DESPITE their failures. They get good at them BECAUSE of their failures.
Want to get better at something? Shun perfectionism and embrace repetition.
Pro tip: if you want a (e.g. Notion or Discord) link to open the native app instead of the web app, replace "
https://"
with "<appname>://"
E.g.:
"notion://www.notion.so/..."
"discord://discord.com/channels/..."
It'll open directly in the native app instead of the browser.
If I were to start a YouTube channel, what specific content would you like to see? My plan is to make all my tutorials as interactive as possible, reminding people not to just passively watch.
So, which topics should I do first?
Working with
@scrimba
to finally start building out my
#React
#reactjs
bootcamp course! Iβll be first adding some updates to the free course. () Super excited to be teaching React again to the masses!
βInterestingβ would be an understatement for our story.
I met my wife in Aruba while attending an illegitimately-won destination wedding on The Price is Right.
Well, the be clear, the win was legit. The wedding / marriage was a fake.
Two of my friends from uni were coworkers
And that's really what it comes down to. Learn the tools, and then only use them if you absolutely need to. If your app isn't experiencing performance problems, don't try to fix it. Believe it or not, you actually have a chance of (technically) worsening the performance instead.
Here's what you'll learn:
β Basic syntax, JSX, and vocab
β Setting up a local React environment
β Custom components
β Styling
β Props
β Mapping data to JSX
β State (useState)
β Conditional rendering
β Forms
β API calls
β Side effects (useEffect)
I know follower count is a silly metric to care about but to me, it represents both friends I've made and people I've been able to help in some (probably small) way.
Here's to the next 5K ππΎ
because that function would get re-made by JS every time the component rendered. What a waste of valuable computing power, right?!
Maybe a good analogy is that I thought of adding performance-boosting stuff into React (memo(), PureComponent, useMemo, etc.) like hygiene:
Really looking forward to working on this as the field of AI continues to evolve and change. Great work
@Tpchant
,
@guilh
,
@rafidhoda
, the Scrimba engineering and design teams, and especially
@perborgen
for pulling everything together for todayβs launch!
The AI Engineer Path has dropped π₯
Kick-start your career as an AI Engineer, one the most in-demand technical roles these days.
No maths or ML background required. All you need is basic frontend dev skillz.
Retweet for a chance to win an annual Pro subscription ($180) π
Based on the progress Iβve been able to make this week so far, I feel confident in saying that my new
@scrimba
#React
course will be launched by the end of this week or beginning of next week! π
100% agree. Best advice I can give to beginners - if the learning resource doesnβt require you to practice A LOT, move in to one that does, or just start building projects and getting help from a community when you get stuck.
At
@scrimba
, our whole business model is practice.
It pains me to think how many people decided tech is not for them just because they didnβt have the appropriate support and proper learning resources.
For people new to tech, itβs really difficult to differentiate between good and low quality learning material.
Theyβre also
This is a tough one to ask because you donβt necessarily know the scope Iβm aiming for, but what kinds of small-ish React projects would you like to see in my upcoming advanced React course? Looking for some inspiration ππ»
πCongratulations to
@kwasako
and
@Sunil72573520
for winning a free year of Scrimba Pro!
If you haven't had a chance yet, check out the new React Router 6 course on
@scrimba
π₯³
It's
@scrimba
course launch day π My new React Router 6 course is now available 100% FOR FREE on Scrimba!
Because we're excited, we're giving away a free year of Scrimba Pro to a βοΈ lucky βοΈ someone who retweets THIS initial tweet. Go ahead, I'll wait β±οΈπ
About the course π
Course launch π
My brand new 11-hour-long Learn React for Free course is now live! π
To celebrate, I will give away a one-year
@scrimba
Pro subscription (worth $150+) to 3 lucky retweeters of this tweet! π
π§΅
What have been your favorite resources for learning Typescript?
There's a possibility I will be making a new Typescript course for
@scrimba
π€ So I'm doing some preliminary research.
Studying music and music theory is great and all, but it's not what gets you into that prestigious orchestra. Countless hours of hands-on practice is what's needed.
No one becomes a master violinist just by watching YouTube violinists. Gotta get those reps in.
@smarika_17
Already been mentioned, but hereβs a link to my course on
@scrimba
π
Itβs fully interactive, so you get to code alongside me instead of just watching me do all the work π
@TiyaTwts
In my React course on
@scrimba
I try to encourage people to spend lots of time practicing React concepts and to take breaks often. Cramming doesnβt work for long term retention and understanding. Far, far too much nuance to learn in a day.
@florinpop1705
Excuse the terrible mess right now (just finished a house project in a nearby room), but I donβt know Iβll be able to go back to 2 x 24β from a 49β ultra wide π No more bezel in the middle that forces me to either look left or right
TIL that a <section> element, although a better choice for semantic HTML, isn't inherently more accessible than a <div> for assistive technologies. (It doesn't automatically create a landmark region.)
To unlock its accessibility benefits, you need to add an aria-label or