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, server side rendering, performance techinques, and how to bundle and deploy applications.</P>
<P><SPAN>This 2 day 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, PostCSS</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>Render React on the server</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>
<H3><SPAN>Day 1</SPAN></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>
<H3><SPAN>Day 2</SPAN></H3>
<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>
<H4>Server Side Rendering</H4>
<UL>
<LI>
<P><SPAN>Advantages of server side rendering </SPAN></P>
</LI>
<LI>
<P>Initializing state with Redux on server side</P>
</LI>
<LI>
<P>React Router on server side</P>
</LI>
<LI>
<P>Refactor your application to use server side rendering</P>
</LI>
<LI>
<P><SPAN>Learn about Redux middlewares and asynchronous API calls</SPAN></P>
</LI>
</UL>
<P><BR></P>
<H4>Optimize your application and deploy to production</H4>
<P><BR></P>
<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>

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.

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.

You might also like...

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