Git Product home page Git Product logo

advanced-design-patterns-with-react's Introduction

Advanced Design Patterns with React [Video]

This is the code repository for Advanced Design Patterns with React [Video], published by Packt. It contains all the supporting project files necessary to work through the video course from start to finish.

About the Video Course

Taking a complete journey through the most valuable design patterns in React, this book demonstrates how to apply design patterns and best practices in real-life situations, on new or already existing projects. It will help you to make your applications more flexible, perform better, and easier to maintain, giving your workflow a huge boost when it comes to speed without reducing quality. We'll begin by understanding the internals of React before gradually moving on to create forms that actually work. Then we'll style React components and optimize them to make applications faster and more responsive. Finally, we'll write tests effectively and you'll learn how to contribute to React and its ecosystem. By the end of the video, you'll know how to avoid a lot of trial-and-error and developmental headaches, and you will be well on the road to becoming a React expert.

What You Will Learn

  • Learn some common techniques to troubleshoot a Vue application 
  • Learn common mistakes that Vue.js developers make
  • Understand what the Error object is telling you
  • Know why some elements don’t show up
  • Understand and proper use of Vue directives in a template
  • Understand Vue’s reactivity system to prevent unwanted update side effects
  • Learn how changes to a list is not reactive and how to overcome such pitfall
  • Learn to use the 8 lifecycle hooks for testing and debugging
  • Learn to optimize and organize components to improve performance
  • Know and understand the restrictions between components and elements
  • Learn the advantages of Vue’s Single-File Component (SFC) and separation of concerns (SOC)
  • Correct common routing issues
  • Know when to use render functions over a bloated template

Instructions and Navigation

Assumed Knowledge

To fully benefit from the coverage included in this course, you will need:
If you want to increase your understanding of React and apply it to real-life application development, then this video course is for you.

Technical Requirements

This course has the following software requirements:
React and Javascript

Related Products

advanced-design-patterns-with-react's People

Contributors

nagraj-packt avatar packt-itservice avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.