React 16.x Recipes for Web Development (Udemy.com)

Get the finest recipes by combining the power of React and Redux to help you create dynamic apps easily

( 0 Reviews )

Created by: Packt Publishing

Produced in 2021

What you will learn

Build multi-page web apps with URL routing.
Master different ways to quickly prototype and experiment in React.
Manage the state of components and web apps.
Explore React internals and how they can be used for many different purposes.
Test React the right way without going haywire.
Resolve network issues with redux middleware.
Deploy a react app on different cloud platforms.

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 0 / 100

Course Description

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 doesn't mean we can't 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, you'll 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 I've 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.

Who this course is for:

This course is for the web developers, JavaScript developers, Programmers who are interested in React development & willing to build front-end of their web applications with a modernized UI using React.

Time: 10h

Instructor Details

Packt Publishing

0.0 Rating
0 Reviews

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.