#130 - React JS Revisited

<p>In this episode of GeeksBlabla, we discuss React JS and its ecosystem and everything around it such us Next JS, Gatsby JS, Tailwind CSS, TypeScript, Server component and much more.</p>
<h2 id="guests">Guests</h2>
<ul>
<li><p><a href="https://www.linkedin.com/in/bigfanjs/">Adel Dafrallah </a></p></li>
<li><p><a href="https://www.linkedin.com/in/mohamed-el-ayadi-2a34749a/">Mohamed El Ayadi</a></p></li>
</ul>
<h2 id="notes">Notes</h2>
<p>0:00:00 - Introduction and welcoming</p>
<p>0:04:30 - Learning React js, and the importance of learning basic first.</p>
<p>0:18:10 - How to choose a framework for your next react project, and the pros and cons of each framework.</p>
<p>0:33:00 - Typescript, and the benefits of using it in your react project.</p>
<p>0:38:00 - Routing in react.</p>
<p>0:43:30 - Styling a react project.</p>
<p>0:55:33 - State management and API calls in react.</p>
<p>1:12:00 - Forms in react.</p>
<p>1:14:00 - QA</p>
<p>1:22:40 - Testing in react.</p>
<p>1:28:00 - QA</p>
<p>1:40:00 - The new updates in react and Next 13.</p>
<p>1:53:00 - Next Js Conf 2022.</p>
<p>2:02:00 - Guests least favorite features in react.</p>
<p>2:05:50 - Future of react.</p>
<p>2:10:00 - Geeksblabla Picks</p>
<p>2:17:00 - Goodbye and See you next week.</p>
<h2 id="links">Links</h2>
<ul>
<li><a href="https://frontendmasters.com/">Frontend Masters</a></li>
<li><a href="https://egghead.io/courses/the-beginner-s-guide-to-react?fbclid=IwAR203siAUBKktmC610k6cWjVidvmXxxujwM5rsBXelgxq3pxeQGvBbaoxmA">The Beginner's Guide to React</a></li>
<li><a href="https://elazizi.com/how-to-learn-type-script-for-react-developers">How to learn typescript for react developers</a></li>
<li><a href="https://github.com/getify/You-Dont-Know-JS?fbclid=IwAR01y6xrO3WZJ9czBi9-TFDAkgpJmgLR50lCU3n9QHcvOvMasx9p-qdVc44">You Dont Know JS</a></li>
<li><a href="https://www.figma.com/community/plugin/842128343887142055/Figma-to-Code-HTML%2C-Tailwind%2C-Flutter%2C-SwiftUI">Figma to Code (HTML, Tailwind, Flutter, SwiftUI)</a></li>
<li><a href="https://formik.org/">Formik</a></li>
<li><a href="https://ant.design/">Ant design</a></li>
<li><a href="https://headlessui.com/">Headless UI</a></li>
<li><a href="https://www.cypress.io/">Cypress</a></li>
<li><a href="https://github.com/acdlite/react-fiber-architecture">React fiber architecture</a></li>
<li><a href="https://github.com/yyx990803/vite-vs-next-turbo-hmr">Vite vs. Next + turbopack HMR Benchmark</a></li>
<li><a href="https://github.com/getify/Functional-Light-JS">Functional Light JS</a></li>
<li><a href="https://overreacted.io/">overreacted</a></li>
<li><a href="https://www.howjavascriptworks.com/">How Javascript Works</a></li>
</ul>
<h2 id="preparedandpresentedby">Prepared and Presented by</h2>
<ul>
<li><a href="https://elazizi.com/">Youssouf El Azizi</a></li>
</ul>