React 16.x Recipes for Web Development

Course details

ReactJS has been getting more and popular in the front-end development scenarios enabling you to write even the most complicated dynamic interfaces making easy things easier and hard things achievable. Having a React app fully functional and tested is good enough, but that doesnt mean we cant make it even faster, smaller and more maintainable.

This Course is a step-by-step practical guide to learn the magic of web app development with React. Initially, youll learn React.js basics such as its API, which will help you create elements and components. Youll also learn developing react components and techniques on how to Introduce react to your existing code base. Moving further you will be focusing on advanced react recipes where you will learn how to implement your own middleware to make network request even easier, add a time-to-live feature to avoid unnecessary request and save bandwidth & much more.

Contents and Overview

This training program includes 3 complete courses, carefully chosen to give you the most comprehensive training possible.

The first course, Learning React will cover all of the React.js basics such as its API, which will help you create elements and components; the virtual DOM and the JSX syntax extension; using state; working with browser events; and component lifecycle methods. You will be building an application from scratch throughout the course and using the knowledge you've gained in a practical way. You will also learn to update various elements of a site or application seamlessly without delay, without disrupting the rest of the display or requiring the user to refresh. Also, get introduced to the new concept of hooks and get ready to scratch the surface of it. Finally, you will work with a server API to persist data using the local storage. By the end of the course, you will be more than capable of using ReactJ.js tools to build several UI elements, making them reactive to user input, and extending your knowledge of DOM manipulation to customize your own UIs in the future.

The second course, React Recipes dives straight into the most important React concepts and new features in the latest version of React (Fiber) to help you solve your daily development problems. With an addition to covering the React basics, this video covers a wide range of topics such as UI animations, rendering and routing logic. Moving along we'll learn to develop react components and techniques on how to Introduce react into your existing code base. State and data management has been a persisting problem in web development this video provides a wide range of solutions to those problems by introducing you to the world of Redux. This video also covers most often neglected topic such as testing and integrating React with other tools that take your web app to the next level. While covering most of the basic as well as advanced concepts this video provides a set of best practices and optimizations techniques which will help you gain a broad and deep understanding of everything that is React.

The Third course, Advanced React Recipes gathers all techniques and good practices Ive learned to not just write a React application but doing in in an elegant and maintainable way. Starting off with how to simply add and configure Redux in our project, we will create a file structure that suits well in almost every React project. To move forward, we are going to see Redux in action in three very common scenarios: simple actions, modals handling and network requests. Further, we will learn how to implement our own middleware to make a network request even easier. In addition, we will also add a time-to-live feature to avoid unnecessary request and save bandwidth. One thing is having your app flawlessly running on your localhost, but a whole different one is running remotely, for example, on a cloud-based server. By the end of this course, we will review the basic principles of deploying a React app in production, studying two different use cases.

About the Authors:

• Lasha Krikheli is a software engineer and educator. For the past 6 years, he has taught classes on topics including HTML & CSS, Responsive Web Design, JavaScript, WordPress, and PHP & MySQL. Lasha has worked with startups, agencies, and high profile clients for over 12 years, building interactive web sites and web apps. He is passionate about Accessibility, User Experience, and problem-solving through design.

  
  

• Born and raised in Montevideo, Uruguay, Diego Muracciole developed an interest in technology and web development at a very early age. He has been working with React and Flux architectures for the past three years, both for local and foreign clients. Passionate about how React can be used for more than just the web, Diego also wrote two open-source projects that play with this idea: React-log (for using React on the browser's console) and React-pdf (PDF file generation for node, web, and mobile). In his spare time, Diego enjoys playing soccer, listening to his vinyl collection, and brewing beer.