advanced-react-patterns-v2 - Created with CodeSandbox

  •        11

👋 hi there! My name is Kent C. Dodds! This is a workshop repo to teach you about using React Component Patterns to make your react components more useful and reusable without sacrificing simplicity. If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for windows or mac/linux.

http://advanced-react-patterns.netlify.com/
https://github.com/kentcdodds/advanced-react-patterns-v2

Dependencies:

hoist-non-react-statics : ^2.5.5
jest-dom : ^1.5.2
react : ^16.4.1
react-dom : ^16.4.1
react-loadable : ^5.4.0
react-router : ^4.3.1
react-router-dom : ^4.3.1
react-testing-library : ^4.1.2
redux : ^4.0.0

Tags
Implementation
License
Platform

   




Related Projects

advanced-react-patterns-v1 - The course material for my advanced react patterns course on Egghead.io

  •    HTML

The course material for my advanced react patterns course on Egghead.io

advanced-react-hooks - Learn Advanced React Hooks workshop

  •    Javascript

We’ll look at some of the more advanced hooks and ways they can be used to optimize your components and custom hooks. We’ll also look at several patterns you can follow to make custom hooks that provide great APIs for developers to be productive building applications. If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for windows or mac/linux.

bookshelf - Build a ReactJS App workshop

  •    Javascript

<div> <h1 align="center"><a href="https://epicreact.dev">Build an Epic React App 🚀 EpicReact.Dev</a></h1> <strong> Building a full React application </strong> <p> The React and JavaScript ecosystem is full of tools and libraries to help you build your applications. In this (huge) workshop we’ll build an application from scratch using widely supported and proven tools and techniques. We’ll cover everything about building frontend React applications, from the absolute basics to the tricky parts you'll run into building real world React apps and how to create great abstractions. </p>

react-fundamentals - Material for my React Fundamentals Workshop

  •    Javascript

Learn everything you need to be effective with the fundamental building block of React applications. When you’re finished, you’ll be prepared to create React components to build excellent experiences for your app's users. If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for windows or mac/linux.

react-performance - Let's make our apps fast ⚡

  •    Javascript

Learn everything you need to diagnose, profile, and fix performance problems in your React application using the Browser Performance Profiler, React DevTools Profiler, and proven React optimization techniques. If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for windows or mac/linux.


react-hooks - Learn React Hooks! 🎣 ⚛

  •    Javascript

I will take you on a deep dive into React Hooks, and show you what you need to know to start using them in your applications right away. If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for windows or mac/linux.

react-suspense - React Suspense workshop

  •    Javascript

Learn how Suspense works under the hood, preparing you for the future of asynchronous state management. This workshop material deals with EXPERIMENTAL features in React. Please do not copy/paste any of the code you find here into a production application and expect it to work. Even when the features are released they may not work the same as demonstrated in this workshop material.

advanced-react-patterns - The course material for my advanced react patterns course on Egghead.io

  •    HTML

The course material for my advanced react patterns course on Egghead.io

gl-react - [gl-react v3 alpha] – a React library to write and compose WebGL shaders

  •    Javascript

This repository hosts gl-react v3. For gl-react v2, please see ProjectSeptemberInc/gl-react. gre/gl-react repository is a complete rewrite of ProjectSeptemberInc/gl-react library (gl-react v2). It plans to be the gl-react v3. We keep both repository at same time because (1) this work is not yet finished and (2) this repository is now a "multi libraries" repository (it's just easier to maintain that way).

react-in-patterns - A free book that talks about design patterns/techniques used while developing with React

  •    Javascript

📚 A free book that talks about design patterns/techniques used while developing with React. The code samples used in the book are available here.

react-native-exception-handler - A react native module that lets you to register a global error handler that can capture fatal/non fatal uncaught exceptions

  •    Objective-C

A react native module that lets you to register a global error handler that can capture fatal/non fatal uncaught exceptions. The module helps prevent abrupt crashing of RN Apps without a graceful message to the user. V2 of this module now supports catching Unhandled Native Exceptions also along with the JS Exceptions ✌🏻🍻 There are NO breaking changes. So its safe to upgrade from v1 to v2. So there is no reason not to 😉.

reactpatterns.com - Patterns for React Developers

  •    HTML

Stateless functions are a brilliant way to define highly reusable components. They don't hold state; they're just functions. They get passed props and context.

reactpatterns - Patterns for React Developers

  •    HTML

Stateless functions are a brilliant way to define highly reusable components. They don't hold state; they're just functions. They get passed props and context.

gl-react-native-v2 - OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm

  •    Java

OpenGL bindings for React Native to implement complex effects over images and components, in the descriptive VDOM paradigm. gl-react-native is an implementation of gl-react for react-native. Please read the main gl-react README for more information.

rekit - IDE and toolkit for building scalable web applications with React, Redux and React-router

  •    Javascript

Rekit is a toolkit for building scalable web applications with React, Redux and React-router. It's an all-in-one solution for creating modern React apps. It helps you focus on business logic rather than dealing with massive libraries, patterns, configurations etc.

babel-plugin-react-intl - Extracts string messages from React components that use React Intl.

  •    Javascript

Extracts string messages for translation from modules that use React Intl.Note: This Babel plugin works with React Intl v2.x, and 1.x of this plugin works with Babel 5, 2.x works with Babel 6.

react-transition-group - An easy way to perform animations when a React component enters or leaves the DOM

  •    Javascript

ATTENTION! To address many issues that have come up over the years, the API in v2 is not backwards compatible with the original React addon (v1-stable).For a drop-in replacement for react-addons-transition-group and react-addons-css-transition-group, use the v1 release, which is still actively maintained. Documentation and code for that release are available on the v1-stable branch.

react-native-animation-book - A book talking about react-native animations, and walking you through from beginner to expert

  •    HTML

If you don't care about anything just jump to the Basic Animation Examples which will eventually guide you from basic to advanced animations and allow you to experience the capabilities of React Native animations. React Native has had a fantastic reception. There have already been a ton of great applications built using React Native. However one hugely important part of mobile applications is animations. React on the web has generally been pretty poor at dealing with animations, but there are some great people out there attempting to solve this problem. One such solution is react-motion https://github.com/chenglou/react-motion/.

symfony-react-sandbox - Example of integration with React and Webpack (Webpack Encore) for universal (isomorphic) React rendering, using Limenius/ReactBundle and Limenius/LiformBundle

  •    Javascript

This sandbox provides an example of usage of ReactBundle with server and client-side React rendering (universal/isomorphical) and its integration with a fitting Webpack Encore setup. It also provides an example of the usage of LiformBundle to generate a json-schema from Symfony forms and a forms and validation in React from that schema. -Note: If you are new to React.js, please note that this sandbox or the bundle are not by any means required to use React with Symfony. This shocases how to do some advanced features such as Server Side Rendering, a better integration with forms, injecting components directly from Twig tags, that may be difficult.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.