React JS Foundation: Hands-on Workshop

Irfan is the lead instructor at React Class and an engineer at MuleSoft where he builds enterprise grade web applications.

Irfan Baqui

<H2>Learn the foundations of React and how to make production worthy applications</H2>
<H3>Introduction</H3>
<P>Learn how to build a production grade React application from setup through deployment. </P>
<P>It covers core React methodologies, patterns for building composable UI, styling components, advanced state management with Redux, routing, and how to bundle and deploy applications.</P>
<P><SPAN>This workshop offers a beginner-to-intermediate training session. </SPAN></P>
<P><SPAN>Upon completion of this course, developers will understand:</SPAN></P>
<UL>
<LI>
<P><SPAN>Core React methodologies</SPAN></P>
</LI>
<LI>
<P><SPAN>Configure Webpack, babel</SPAN></P>
</LI>
<LI>
<P>Build composable Applications with components</P>
</LI>
<LI>
<P>Style React UI</P>
</LI>
<LI>
<P><SPAN>Handle application routing</SPAN></P>
</LI>
<LI>
<P><SPAN>Manage state both locally in React Components and with Redux</SPAN></P>
</LI>
<LI>
<P><SPAN>Avoid common performance pitfalls with React</SPAN></P>
</LI>
<LI>
<P><SPAN>Build and Deploy for Production</SPAN></P>
</LI>
</UL>
<H3><BR></H3>
<H3>Pre-requisites</H3>
<UL>
<LI>
<P>Understanding of the javascript language, HTML and CSS</P>
</LI>
<LI>
<P>Basic understanding of the termainal and UNIX commands</P>
</LI>
</UL>
<H3><BR></H3>
<H3>Course Outline</H3>
<H4>Introduction</H4>
<UL>
<LI>
<P>What is React</P>
</LI>
<LI>
<P>Why choose React</P>
</LI>
<LI>
<P>The power of React</P>
</LI>
</UL>
<H4>Concepts</H4>
<UL>
<LI>
<P>Thinking in React</P>
</LI>
<LI>
<P>State vs Props</P>
</LI>
<LI>
<P>Single Page Apps</P>
</LI>
<LI>
<P>CRUD applications with React</P>
</LI>
</UL>
<H4>Setup</H4>
<UL>
<LI>
<P><SPAN><SPAN>Babel, Webpack, PostCSS, and NPM Scripts</SPAN></SPAN></P>
</LI>
<LI>
<P><SPAN><SPAN>Recommended p</SPAN></SPAN>roject architecture</P>
</LI>
<LI>
<P>Using industry standard developer tools</P>
</LI>
</UL>
<H4>Routing</H4>
<UL>
<LI>
<P>What is the React Router</P>
</LI>
<LI>
<P><SPAN>How to handle routing in your application</SPAN></P>
</LI>
<LI>
<P>Static and dynamic routing</P>
</LI>
</UL>
<H4><BR></H4>
<H4><SPAN><SPAN>Advanced State management with Redux</SPAN></SPAN></H4>
<UL>
<LI>
<P>All about Redux</P>
</LI>
<LI>
<P>Creating a Redux store</P>
</LI>
<LI>
<P>Accessing Dispatch and State with Redux</P>
</LI>
<LI>
<P>Displaying Redux state inside components</P>
</LI>
<LI>
<P>Refactor your application to use Redux</P>
</LI>
<LI>
<P>Learn Redux dev tools</P>
</LI>
</UL>
<P><BR></P>
<H4>Optimize your application and deploy to production</H4>
<UL>
<LI>
<P>Tips on optimizing applications for production deployment </P>
</LI>
<LI>
<P>Deploy application to production</P>
</LI>
</UL>
<P><BR></P>
<P><BR></P>
<P><BR></P>

React Class

Our {communityGuidelinesLink} describe the sort of content we prohibit on Eventbrite. If you suspect an event may be in violation, you can report it to us so we can investigate.

To report other categories of prohibited or illegal content, submit {link}

React JS Foundation: Hands-on Workshop

More events from Irfan Baqui

Discover more events from Irfan Baqui, from Science & Tech to other experiences you might love.

Still looking for the right event?

Explore all events in San Francisco and filter by date, category, and more to find the perfect fit.

React JS Foundation: Hands-on Workshop

More events from Irfan Baqui

Discover more events from Irfan Baqui, from Science & Tech to other experiences you might love.

More Science & Tech events

Browse more Science & Tech events with different dates, prices, and formats to find your next great experience.

Still looking for the right event?

Explore all events in San Francisco and filter by date, category, and more to find the perfect fit.