https://reacttraining.com/build/routes/public-workshops._index-3UT6BOXR.js

1import{c as f}from"/build/_shared/chunk-4J5IFCG5.js";import{a as P}from"/build/_shared/chunk-F4M3XS2Q.js";import{a as C}from"/build/_shared/chunk-L6JQSR2B.js";import{b as h}from"/build/_shared/chunk-23MCIKUK.js";import{a as b,b as u}from"/build/_shared/chunk-PABLUQFB.js";import{a as N}from"/build/_shared/chunk-5TRFQBKG.js";import{a as p}from"/build/_shared/chunk-IONOTED4.js";import"/build/_shared/chunk-ZNFY2VUX.js";import{b as m}from"/build/_shared/chunk-4O4EBIF6.js";import{h as s,n as c}from"/build/_shared/chunk-APX6ELAI.js";import"/build/_shared/chunk-EUON2XE6.js";import{a as r}from"/build/_shared/chunk-XOR2HJDE.js";import{a as l}from"/build/_shared/chunk-AORIANR3.js";import"/build/_shared/chunk-RSHHN727.js";import{a as R}from"/build/_shared/chunk-KB3XA2LO.js";import{b as d}from"/build/_shared/chunk-3RWUHEQO.js";import{d as o}from"/build/_shared/chunk-G5WX4PPA.js";var g=o(C(),1),v=o(R(),1),S=o(N(),1);var A=o(P(),1);var e=o(d(),1),T=["Slack","Apple","Adobe","Disney","HP","Netflix","Google","Microsoft","Starbucks","Pokemon","New York Times","PayPal","Pixar","AT&T","SalesForce","Indeed","Samsung","Google","Airbnb","Staples","GoDaddy","Credit Karma"];function k(){return(0,e.jsx)(e.Fragment,{children:b.filter(a=>T.includes(a.name)).map(a=>(0,e.jsx)(u,{brand:a},a.name))})}var I=m("Public Workshops Schedule");function y(){let{workshops:a,tweetId:w}=c();return(0,e.jsxs)(l,{children:[(0,e.jsxs)("header",{className:"space-y-12",children:[(0,e.jsx)(r,{children:"Public Workshops"}),(0,e.jsxs)("div",{className:"space-y-2",children:[(0,e.jsx)("b",{className:"block text-xl",children:"These are remote Zoom workshops. Attend from anywhere in the world!"}),(0,e.jsxs)("p",{children:["Here are some brands that have sent their developers to get trained with us."," ",(0,e.jsx)(s,{to:"/brands",prefetch:"intent",children:"See the whole list"})]})]}),(0,e.jsxs)("div",{className:"scroll-brands",children:[(0,e.jsx)("div",{children:(0,e.jsx)(k,{})}),(0,e.jsx)("div",{"aria-hidden":"true",children:(0,e.jsx)(k,{})})]})]}),(0,e.jsxs)("div",{className:"lg:flex lg:gap-10 max-lg:space-y-6 rounded-lg -mx-6 px-6 pt-6 bg-gradient-to-b from-white/80 to-transparent",children:[(0,e.jsxs)("section",{className:"lg:flex-1 space-y-6",children:[(0,e.jsx)("div",{className:"hidden lg:block",children:(0,e.jsx)(p,{id:w})}),(0,e.jsx)("hr",{className:"block border-none bg-slate-300 h-px"}),(0,e.jsx)(r,{size:4,children:"Which workshop should I take?"}),(0,e.jsxs)("p",{className:"text-sm",children:["If you have less than a year experience, you should take ",(0,e.jsx)("b",{children:"Mastering React Core Concepts"})," then"," ",(0,e.jsx)("b",{children:"React Application Architecture"}),". Both of these have beginner and advanced topics. We find that attendees with as much as 18-24 months experience often say they learned a lot in"," ",(0,e.jsx)("b",{children:"Mastering React Core Concepts"}),' and that it did a lot of "gap filling" for them.']}),(0,e.jsxs)("p",{className:"text-sm",children:["If you're interested in taking ",(0,e.jsx)("b",{children:"React Frameworks with React 19"}),", just know that we'll assume you already know React at about the level of the ",(0,e.jsx)("b",{children:"Mastering React Core Concepts"})," workshop. Take a look at its topics, if you know them fairly well then you're ready for learning our React 19 topics."]}),(0,e.jsxs)("p",{className:"text-sm",children:["If you took the ",(0,e.jsx)("b",{children:"Mastering React Core Concepts"})," and ",(0,e.jsx)("b",{children:"React Application Architecture"}),", or if you feel like you're already becoming quite advanced, then you would be ready for our"," ",(0,e.jsx)("b",{children:"Advanced React Patterns"})," workshop. This content teaches React 19 topics and overlaps some of the"," ",(0,e.jsx)("b",{children:"React Frameworks with React 19"})," workshop."]})]}),(0,e.jsxs)("section",{className:"lg:w-[550px] space-y-6",children:[(0,e.jsx)(r,{as:"h2",size:3,children:"Schedule:"}),(0,e.jsxs)("div",{className:"space-y-3",children:[a.map(t=>{let x=(0,g.default)(t.date),i=`/public-workshops/${t.id}`,n=h(t.contentType);return(0,e.jsxs)("div",{className:"bg-white p-3 shadow-md border-l-4 border-custom-blue",children:[(0,e.jsxs)("div",{className:"flex justify-between gap-6",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)(s,{className:(0,v.default)("block",{"line-through text-custom-gray-3":t.expired}),to:i,children:(0,e.jsx)("b",{children:n.title})}),(0,e.jsx)("div",{className:"text-xs",children:n.subTitle})]}),(0,e.jsx)("div",{className:"space-y-2",children:(0,e.jsx)(s,{prefetch:"render",to:i,className:"button button-outline",children:"See Details"})})]}),(0,e.jsx)("div",{className:"mt-2 text-xs space-x-5",children:t.expired?(0,e.jsx)("i",{className:"text-custom-red",children:"Event is over"}):(0,e.jsxs)("b",{className:"inline-block space-x-3",children:[(0,e.jsx)("span",{children:x.format("MMM DD, YYYY")}),(0,e.jsxs)("span",{children:[t.days," Day"]})]})})]},t.id)}),(0,e.jsxs)("div",{className:"bg-white p-3 shadow-md border-l-4 border-custom-blue text-sm",children:["Looking for a private workshop?"," ",(0,e.jsx)(s,{prefetch:"intent",to:"/corporate-training",children:"Contact Us"})]})]}),(0,e.jsxs)("p",{className:"text-xs text-right",children:[(0,e.jsx)(s,{prefetch:"intent",to:"/newsletter",children:"Get Notified"})," ","when future workshops are available."]})]})]}),(0,e.jsx)(f,{})]})}

1export{y as default,I as meta};