Meta tags:
description=The all-new interactive learning experience that teaches you how to build cool stuff with React;

Headings (most frequently used words):

module, react, project, the, with, bonus, joy, of, trusted, by, developers, at, thecurriculum, real, world, inspiredcapstone, projects, it, also, comes, withbonus, features, level, up, whole, team, let, hear, from, thetest, squad, hi, josh, frequently, asked, questions, links, fundamentals, working, state, hooks, component, api, design, happy, practices, full, stack, 1word, game, 2toast, playground, 3interactive, mdx, based, blog, modulelayout, animations, motion, modulejob, hunting, kit,

Text of the page (most frequently used words):
the (251), react (169), and (153), you (150), this (104), course (91), with (75), for (66), that (54), how (54), can (52), but (36), have (35), learn (35), from (30), #module (29), like (29), use (28), are (28), build (28), your (28), there (27), joy (27), all (26), josh (26), experience (22), who (20), what (20), about (19), been (19), things (19), has (18), also (18), most (17), full (17), more (17), developers (17), get (16), don (16), through (15), not (15), they (15), our (15), really (15), help (15), cover (15), one (14), much (14), know (14), stuff (14), way (14), learning (13), developer (13), courses (13), out (13), content (13), works (13), projects (13), years (13), want (13), interactive (12), javascript (12), feel (12), will (12), need (12), components (12), understand (12), project (12), was (12), new (12), well (11), purchase (11), just (11), using (11), even (11), only (11), building (11), understanding (11), state (11), blog (11), modern (10), some (10), time (10), own (10), after (10), exercises (10), next (10), knowledge (10), why (10), built (10), end (10), work (10), code (9), fun (9), lot (9), community (9), when (9), stack (9), into (9), now (9), real (9), licenses (9), should (9), everything (9), few (8), level (8), skills (8), something (8), here (8), students (8), still (8), license (8), team (8), best (8), said (8), including (8), applications (8), server (8), comfortable (8), videos (7), foundation (7), questions (7), would (7), say (7), before (7), see (7), platform (7), online (7), modules (7), bonus (7), right (7), ultimate (7), over (7), thought (7), several (7), make (7), them (7), design (7), features (7), user (7), focus (7), had (7), front (7), first (7), job (7), its (6), name (6), concepts (6), ton (6), any (6), than (6), hard (6), already (6), email (6), their (6), layout (6), animations (6), package (6), world (6), learned (6), many (6), makes (6), both (6), app (6), resources (6), working (6), css (6), hooks (6), based (6), engineer (6), mini (6), games (6), accessibility (6), practices (6), hook (6), comeau (5), software (5), together (5), web (5), love (5), share (5), dev (5), recommend (5), easy (5), page (5), going (5), else (5), support (5), purchasing (5), these (5), development (5), doing (5), comes (5), buy (5), upgrade (5), between (5), throughout (5), where (5), does (5), coding (5), main (5), discount (5), regional (5), other (5), helped (5), wonderful (5), mental (5), router (5), motion (5), advanced (5), won (5), application (5), early (5), different (5), side (5), deep (5), sure (5), used (5), apps (5), someone (5), component (5), while (4), folks (4), enough (4), free (4), then (4), yep (4), price (4), joshwcomeau (4), com (4), receive (4), address (4), able (4), each (4), offer (4), getting (4), asked (4), feature (4), pay (4), discover (4), video (4), practice (4), find (4), context (4), lots (4), power (4), given (4), typescript (4), confident (4), patterns (4), creating (4), quite (4), tutorials (4), show (4), step (4), game (4), custom (4), yet (4), let (4), text (4), think (4), beyond (4), library (4), test (4), squad (4), beginner (4), aren (4), back (4), taught (4), truly (4), actions (4), which (4), complex (4), his (4), every (4), teaching (4), frontend (4), around (4), exactly (4), dynamic (4), performance (4), contact (3), terms (3), creator (3), khan (3), academy (3), clear (3), write (3), highly (3), important (3), very (3), send (3), spoken (3), structured (3), actually (3), checkout (3), employer (3), made (3), receipt (3), useful (3), discord (3), active (3), uses (3), absolutely (3), yes (3), believe (3), fantastic (3), value (3), unfortunately (3), possible (3), installment (3), following (3), process (3), cost (3), lower (3), written (3), explain (3), experimentation (3), inspired (3), order (3), access (3), must (3), part (3), trade (3), same (3), significantly (3), goal (3), give (3), rock (3), solid (3), once (3), sense (3), try (3), decade (3), suspense (3), streaming (3), finally (3), bit (3), core (3), intuition (3), bunch (3), nothing (3), jsx (3), html (3), instead (3), making (3), two (3), ways (3), fill (3), heard (3), challenge (3), solve (3), starting (3), assume (3), etc (3), depth (3), knew (3), started (3), fundamentals (3), rendering (3), struggled (3), journey (3), latest (3), friendly (3), thinking (3), start (3), version (3), professional (3), 2019 (3), curriculum (3), teach (3), talk (3), popular (3), magic (3), model (3), though (3), under (3), hood (3), explanations (3), down (3), day (3), ground (3), tried (3), incredible (3), along (3), create (3), created (3), usability (3), api (3), tutorial (3), toggle (3), light (3), visual (3), effect (3), 2020 (2), present (2), joshua (2), rights (2), reserved (2), policy (2), put (2), illustrations (2), lives (2), detail (2), looking (2), deeper (2), offers (2), types (2), listed (2), 100 (2), significant (2), such (2), skip (2), take (2), complete (2), always (2), assign (2), recipient (2), flow (2), great (2), include (2), completion (2), add (2), save (2), ask (2), general (2), stuck (2), wind (2), jump (2), straight (2), interested (2), isn (2), individually (2), payments (2), future (2), united (2), italy (2), germany (2), available (2), may (2), paypal (2), later (2), select (2), click (2), button (2), installments (2), refund (2), sales (2), reach (2), materials (2), difference (2), originally (2), cannot (2), pro (2), couple (2), lesson (2), mix (2), concept (2), opportunities (2), activities (2), demos (2), hands (2), nope (2), proof (2), anything (2), student (2), enrolled (2), high (2), school (2), university (2), self (2), gain (2), multiple (2), number (2), purchased (2), group (2), bonuses (2), point (2), continue (2), within (2), gone (2), frustrated (2), myself (2), models (2), developed (2), quickly (2), memorize (2), without (2), philosophy (2), sit (2), watch (2), example (2), look (2), boring (2), gaps (2), language (2), good (2), takes (2), array (2), largest (2), expert (2), functions (2), solutions (2), dig (2), useeffect (2), animation (2), surprisingly (2), primarily (2), pretty (2), understood (2), away (2), clarity (2), confidence (2), task (2), date (2), conditional (2), prior (2), zero (2), switching (2), hang (2), gotten (2), bootcamp (2), companies (2), codebases (2), friggin (2), tons (2), 2018 (2), 2016 (2), move (2), since (2), organizations (2), past (2), epiphanies (2), idea (2), 2015 (2), framework (2), consider (2), having (2), expectations (2), everyone (2), thing (2), bring (2), excellent (2), teaches (2), designer (2), examples (2), targeted (2), playgrounds (2), diagrams (2), ever (2), qualcomm (2), precisely (2), deepen (2), covered (2), necessary (2), taking (2), skill (2), complicated (2), totally (2), subject (2), whole (2), polished (2), head (2), incredibly (2), confusing (2), better (2), least (2), never (2), explaining (2), github (2), hundreds (2), includes (2), bundle (2), interview (2), challenges (2), strategies (2), tips (2), hunting (2), secret (2), formerly (2), tools (2), seemingly (2), bleeding (2), edge (2), composable (2), toast (2), exposes (2), structure (2), word (2), explore (2), meta (2), keys (2), happy (2), refining (2), almost (2), optimizing (2), offs (2), scratch (2), starts (2), effects (2), usestate (2), feels (2), frameworks (2), leverage (2), common (2), covers (2), overwhelming (2), packages (2), taken (2), bluesky, privacy, links, jquery, chief, architect, john, resig, amazing, strikes, impressive, combination, guides, smart, creates, stop, shop, recommended, advocate, google, una, kravets, cutting, wait, shopify, remix, maintainer, chance, caliber, strong, knocked, park, again, material, organized, follow, learners, message, question, told, spent, anywhere, hours, investment, faster, long, alternatively, regular, easiest, intended, corporate, orders, gifts, single, gift, somebody, requires, invoice, quote, shoot, accommodate, request, link, edited, information, reimbursement, company, vat, info, customized, prove, linkedin, profile, twitter, accomplishment, anyone, completes, showing, completed, certificates, verified, unique, url, pdf, certificate, spending, answering, thrilled, channel, specifically, moderated, according, conduct, vibrant, place, thousands, members, genuinely, tiers, options, people, carte, hope, worldwide, states, kingdom, spain, france, australia, countries, longer, periods, during, four, interest, supporting, tax, feelings, return, days, paid, current, discounts, applied, upgrades, basic, tier, 200, bite, sized, format, leading, experiments, apply, broader, realistic, dirty, assignments, mostly, lifetime, updates, improvements, subscription, expire, please, enrollment, card, registration, paperwork, edu, sending, sufficient, qualify, educational, institution, accept, college, bootcamps, restriction, graduated, paced, currently, indeed, combined, coupon, codes, teams, administration, dashboard, distribute, additional, depending, applicable, below, register, moving, higher, living, area, wish, accessing, global, exchange, accessed, home, region, reside, country, india, brazil, pakistan, ethiopia, option, parity, ppp, easier, personally, likely, discouraged, demotivated, hill, climb, steeper, tool, curve, stiff, super, plain, accessible, interfaces, thoughtful, nearly, scalable, architected, ssr, rely, empower, critical, focused, passive, rules, spot, differences, style, distributed, exclusively, puts, heavy, emphasis, interaction, supplementary, es2015, fine, outdated, plenty, develop, foundational, odin, function, numbers, returns, sort, expect, somewhat, familiar, objects, arrays, statements, loops, callbacks, skim, summaries, sprint, meaty, mechanics, thorniest, parts, dependency, reconciliation, telling, compared, soooo, expecting, vanillacoding, vanilla, reasons, got, ultimately, branch, authentication, cms, testing, redux, shallow, introduction, came, small, bedrock, goes, basics, developments, variables, logic, assumed, productive, mobile, angular, vue, trying, grads, rushed, program, suited, newest, release, headline, comprehensively, apis, truthfully, survey, adopted, omission, relevant, major, v19, frequently, instructor, big, life, whether, excited, concordia, continuing, education, department, led, continued, left, organization, million, per, year, beat, saber, gui, manager, map, editor, conferences, check, rally, europe, downloaded, 500, 000, times, month, npm, released, flip, 2014, digitalocean, unsplash, worked, production, oldest, outside, facebook, credentials, puzzle, piece, effectively, avoid, pits, tend, stumble, remember, cool, tasked, investigating, newfangled, outcomes, brand, reviews, santiago, greco, done, exceeded, far, suggest, newbies, literally, constant, assure, qualities, provides, considered, proved, wrong, ghana, nathanael, shine, might, importantly, pieces, ryan, leichty, simply, collection, interspersed, workshops, touch, walk, dan, wilhelm, imparts, minute, handcrafted, quality, indiehacker, founder, bepo, axel, vaindal, exception, discovering, eager, inside, transformed, vision, pavel, fomchenkov, stands, encountered, interim, intern, prakhar, kumar, inc, interviewer, impressed, especially, portfolio, did, land, károly, török, could, collected, crux, pitfalls, ordinary, regret, london, jama, posts, abundance, explanation, regardless, awhile, resource, proper, hari, sharan, bhuju, extremely, satisfied, gained, topics, others, decision, assistant, dave, henson, rarely, found, experts, being, clearly, engaging, heartedly, fullstack, educator, stephen, walter, ability, break, simple, analogies, second, none, improved, completing, coming, reference, come, gatineau, mikaël, sévigny, knack, distilling, ideas, crystal, enjoy, carefully, crafted, wrap, treat, functioned, previous, bigger, picture, were, met, stackblitz, yuka, masuda, beginners, comprehensive, delightful, product, seatgeek, adam, waxman, painful, imagine, foundations, sara, blom, finishing, week, quirky, joyful, perspective, needs, among, webflow, mackenzie, child, doesn, gloss, fundamental, confidently, pleasure, screencasts, varied, devs, provided, feedback, helping, blind, spots, ensure, smooth, hear, codesandbox, ives, van, hoorne, known, staff, research, amelia, wattenberger, keeps, exciting, illustrated, absolute, masterpiece, join, invested, cash, pick, unbeatable, introducing, prompt, requirements, problem, technical, mock, navigate, effective, career, coach, involved, hiring, hobby, kit, weapons, psyched, framer, ecosystem, projection, engine, remarkable, impossible, nifty, today, contrived, toy, except, tech, exact, animated, final, set, didn, static, wanted, bespoke, widgets, reader, mdx, local, featured, straightforward, eye, opening, exercise, customize, generate, toasts, adhere, guidelines, flexible, harder, seems, reusable, low, playground, interesting, decide, tradeoffs, clone, guessing, wordle, reinforced, solidified, challenging, woven, newfound, capstone, initialization, deploy, fit, deliver, experiences, selective, hydration, performant, top, recently, 2023, brought, beta, ushered, era, rebuilt, browser, elements, refs, entirely, advantage, less, scary, immer, distinction, simplify, improve, fell, swoop, owners, parents, little, principle, privilege, favourite, habits, enjoyable, depends, delight, lean, notoriously, tricky, modals, probably, practical, tricks, polymorphism, prop, delegation, compound, slots, achieving, goals, deciding, amount, flexibility, critically, chunk, focusing, shift, hardest, avoiding, stale, values, double, efforts, ticks, immutability, render, gets, fetching, data, network, fetch, third, party, useswr, abstractions, usecallback, usememo, capturing, dom, references, useref, managing, revolutionized, addition, allow, internals, minimal, gradient, generator, sometimes, crucial, role, instances, play, lifting, event, handlers, update, wire, forms, structures, manage, across, allows, alive, differs, templating, element, stateless, person, stumbling, blocks, props, iteration, styling, introduce, director, advocacy, contenda, netlify, cassidy, notebooks, ready, brain, intuitive, certain, emphasize, native, prettier, christopher, vjeux, chedeau, exceptional, decisions, playing, timed, jokes, boss, section, bored, trusted, tell, pure, recipe, uninterrupted, conventions, weapon, extend, care, polish, stepped, dream, empowered, truth, either, succeed, syntax, helpful, robust, problems, dozens, unless, case, maybe, tangible, progress, mouse, running, wheel, dang, todo, list, hell, become, posting, lists, pre, requisite, purple, yellow, turquoise, rich, enroll, login,

Text of the page (random words):
ts of production react codebases khan academy is one of the oldest and largest react apps outside of facebook i m the creator of a popular react animation library react flip move the package is downloaded 500 000 times a month from npm it was originally released in 2016 i ve spoken at several javascript react conferences check out my 2018 react europe talk or my 2019 react rally talk i ve built tons of complex react projects on the side including a 3d map editor for beat saber a gui task manager for react applications and the course platform we use in the joy of react i teach front end development skills to over a million developers per year on my blog joshwcomeau com for years i taught web development at concordia university s continuing education department in 2019 i led development on their react curriculum which continued to be used for years after i left the organization react has been a big part of my professional life and i m so friggin excited to help you build confidence with react whether you re just starting out with react or you ve been using it for a while but you still don t quite get it i m here to help josh w comeau instructor the joy of react frequently asked questions is this course up to date for the most part i would say so the course uses the latest major version of react v19 that said we don t cover everything from the newest release the two headline features of react 19 are actions and server components we cover server components comprehensively but we don t yet cover the new actions apis truthfully i don t really find actions that useful and based on the latest state of react survey very few companies have actually adopted them so i don t think it s that significant of an omission the stuff we cover in the course is still 100 relevant when it comes to real world react codebases is this course right for me i built this course primarily for developers who have struggled to truly understand react here s who i think this course is most suited for bootcamp grads who rushed through react in their program but who don t really feel confident in their understanding self taught developers who have gotten frustrated trying to learn react on their own angular vue developers who just can t get the hang of react back end or mobile developers who have been thinking of switching to front end but aren t sure where to start front end developers who have been using react for a while but still don t really feel like they get it aren t sure if they re doing it right it s a beginner friendly course no prior react knowledge is assumed several students in the test squad had zero react experience and my course helped them learn enough to be productive with react that said i do assume that you re comfortable with the basics of html css and js you don t need to be an expert or be up to date on all the latest javascript developments but you should be comfortable with variables functions conditional logic etc this course goes much deeper than most beginner resources i don t want you to think that it s a shallow introduction to react several developers in the test squad have been working with react for years and thought they understood it pretty well but came away from the course with more clarity and confidence getting comfortable with modern hooks based react is no small task and it s the bedrock for everything else ultimately the joy of react is all about building core skills with react we won t branch out into things like user authentication working with a cms testing redux etc instead i want to focus on building a rock solid foundation that can support all of these and more as you continue your journey with react beyond this course i m already pretty comfortable with react is there anything in this course for me this course is primarily built for folks who are new to react or have struggled to learn it but i ve heard from so many developers with years of react experience who still got a lot of value from the course there are a few reasons for this we cover a bunch of modern stuff like react server components streaming server side rendering the next js app router and suspense we go surprisingly deep in this course we cover lots of stuff beyond the fundamentals for example in one of the bonus features we dig into motion an animation library for react you ll learn how to do advanced layout animations like this one we cover the core mechanics of react in more depth than most react tutorials courses we dig into the thorniest parts of modern react things like useeffect s dependency array or understanding how react s reconciliation process works i ve heard from several students now who have said things like this vanilla coding vanillacoding i m telling you i thought i knew react before i started it but nothing compared to how i think about react now soooo much more than what i was expecting i ve structured the course so that more advanced developers can quickly skim the early content all lesson videos have text summaries all exercises have text solutions you should be able to sprint through the early content and get to the meaty advanced stuff in no time how much javascript experience do i need let s say you re comfortable with html css but you don t have much javascript experience is the course right for you unfortunately the course does assume that you re somewhat comfortable with javascript you don t need to be an expert but you should be familiar with functions working with objects arrays if else statements loops callbacks etc here s the sort of challenge i expect you to be able to solve before starting the joy of react write a function that takes an array of numbers and returns the largest number if you re not at that level yet there are plenty of free resources you can use to develop these foundational skills i ve heard good things about the odin project i should also say my course has some supplementary materials that fill in some javascript gaps and cover modern es2015 language features so it s fine if you feel like your js skills are outdated how is this course different from other react courses i d say this course is different in two main ways the platform and the philosophy the joy of react is distributed exclusively through my custom built course platform this platform puts heavy emphasis on interaction and experimentation for example early in the course we look at how jsx is different from html instead of making you memorize a bunch of boring rules we build our intuition with a spot the differences style game this is not a passive course where you sit and watch me code this is an active learning experience and there s nothing else out there quite like it in terms of philosophy the main goal with the joy of react is to help you understand how react works most online courses out there are focused on the what they show you step by step what code to write in order to build a given ui or application you memorize a bunch of stuff without really understanding why i want to help you build an intuition for react when you understand how something works you don t need to rely on tutorials to show you step by step i want to empower you with the critical core knowledge you need to build your own projects in react finally there is quite a bit of content that you won t find in other courses including advanced react features like react server components suspense and streaming ssr creating next level layout animations with motion learning how to use the next js app router the mental models and design patterns i ve developed on my own after nearly a decade of react experience that help me build scalable well architected react applications quickly building accessible interfaces with thoughtful ux design does this course use typescript nope it uses plain javascript this is by design typescript is a wonderful tool and i use it myself in my own projects but the learning curve is stiff i ve been using ts for years and i still don t feel super confident with it personally i believe it makes more sense to learn react and typescript individually if you try to learn both at the same time you re more likely to get frustrated discouraged and demotivated the hill you have to climb is much steeper my goal in this course is to give you a rock solid foundation with react once you have that foundation it will be much easier building your understanding of typescript on that foundation i ve spoken to many students now who have gone on to learn ts and they ve said that the course helped them a lot do you support purchasing power parity ppp yes if you reside in a country with significantly lower purchasing power eg india brazil pakistan ethiopia you ll be given the option to purchase a regional license regional licenses include all of the same content including bonuses at a significantly lower price point in exchange the course can only be accessed within your home region if you wind up moving to a higher cost of living area and wish to continue accessing the course you ll need to upgrade to a global license and pay the difference in cost you can select a regional license if applicable on this page right below the register now button only the full course the ultimate package can be purchased with a regional license can i purchase multiple licenses for my team or group absolutely you can purchase multiple licenses through the team checkout page you ll receive a 10 20 discount depending on the number of licenses purchased you ll also gain access to the teams administration dashboard to make it easy to distribute your licenses and purchase additional licenses is there a student discount there is indeed we can offer a 20 discount on the ultimate package of the course for students this discount can be combined with regional licenses but not with any other coupon codes to qualify you must be enrolled in a full time or part time educational institution we accept students from high school college university trade school and coding bootcamps the main restriction is that you must be currently enrolled it can t be something you ve already graduated from and it can t be a self paced online course please send proof of active enrollment to support joshwcomeau com this can be anything from a student id card to registration paperwork if you have an edu email address sending us an email from that address is sufficient proof is this a subscription does the license expire nope it s a one time purchase when you buy the joy of react you ll have access to the course for the lifetime of my course platform not only that but you ll get all updates and improvements for free are there assignments and projects or is this mostly a video course i believe that in order to learn something you need to get your hands dirty this course offers lots of opportunities to practice the concepts we learn throughout each module you ll find exercises activities thought experiments and interactive demos there are also several real world inspired projects where we apply what we ve learned in a broader more realistic context that said there are over 200 bite sized videos in the course as well the general format is that each lesson will mix written and video content to explain the concept and then there are opportunities for practice and experimentation leading up to the projects between modules can i upgrade later if i buy a lower tier now yep but there are a couple of things to know you can only upgrade to the full ultimate package you can t upgrade from basic to pro the upgrade cost will be the difference between what you paid originally and the current full price of the ultimate package any future discounts or sales cannot be applied to upgrades what if i don t like the course is there a refund policy yes if you purchase the course and you don t get a ton of value out of it you can absolutely return it you have 30 days to go through the materials if you discover that it s not right for you reach out by email and we ll refund your purchase in full including sales tax no questions asked and no hard feelings ️ can i pay in installments i m in the process of looking into supporting installment payments for the full course that said it may be possible for you to use paypal s pay later feature to pay for the course in four interest free installments you can also select longer installment periods to use this feature click on the paypal button during checkout unfortunately this feature is only available in the following countries australia france germany italy spain united kingdom united states i hope to add support for worldwide installment payments in the future can i buy the modules individually a few people have asked if they can buy modules à la carte if they re only interested in the full stack stuff or the bonus module on layout animations unfortunately this isn t possible the 3 listed tiers are the only options when it comes to purchasing the course that said i genuinely believe the course is still a fantastic value even if you only wind up doing 1 or 2 modules you can always purchase the full course and jump straight to the content you re most interested in is there an online community for this course yes we re using discord for our online community it s a very vibrant place with thousands of members the community is moderated according to our code of conduct what if i get stuck can i ask questions absolutely this course uses discord as our community platform there is a channel specifically for getting help with the content in this course and you can also ask general react web development questions i ve been spending a lot of time answering your questions on discord but i ve been thrilled to see that the community has been really active as well do you offer a certificate of completion yep anyone who completes the full course will be able to save a pdf with their name on it showing that they ve completed the joy of react these certificates can also be verified as each one has a unique url this can be useful to prove completion for your employer to add to your linkedin profile to share on twitter or to just feel great about your accomplishment will i receive a receipt can it be customized yep after purchasing you ll receive an email with a link to your receipt this receipt can be edited to include any information you need for reimbursement eg company name address vat info if your employer requires an invoice or price quote before a purchase is made shoot an email to support joshwcomeau com and we ll do our best to accommodate your request can i gift a license to somebody else yep the easiest way to do this is to use the team checkout page this flow is intended for corporate orders but it actually works great for gifts you can purchase a single team license and assign it to the recipient alternatively you can always purchase a regular license with your own name email and then contact me to assign it to the recipient how long will it take to complete the course it s hard to say there is a ...