I am hooked on React

•Télécharger en tant que PPTX, PDF•

0 j'aime•647 vues

Maurice De Beijer [MVP]

Presentation about the new React hooks capabilities at JS Poland 2018.

Technologie

I am hooked on React
Maurice de Beijer - @mauricedb

 Maurice de Beijer
 The Problem Solver
 Microsoft MVP
 Freelance developer/instructor
 Twitter: @mauricedb
 Web: http://www.TheProblemSolver.nl
 E-mail: maurice.de.beijer@gmail.com
2ABL - The Problem Solver

The React
Newsletter
© ABL - The Problem Solver 3
http://bit.ly/ReactNewsletter

History
of
Components
© ABL - The Problem Solver 4

Original
Component
API
© ABL - The Problem Solver 5

Class
Components
© ABL - The Problem Solver 6

State
&
Lifecycle
© ABL - The Problem Solver 7

The problem
with classes
© ABL - The Problem Solver 8

Fat arrow for
some functions
© ABL - The Problem Solver 10

Single
responsibility
in multiple
functions
© ABL - The Problem Solver 11

Functional
Components
© ABL - The Problem Solver 12

The
Problem
© ABL - The Problem Solver 13

If your only
tool …
© ABL - The Problem Solver 15

Deeply
Nested
Components
© ABL - The Problem Solver 16

Many are
wrappers to
add props
© ABL - The Problem Solver 17

Render
Props
© ABL - The Problem Solver 18

Introducing
Hooks
© ABL - The Problem Solver 20

useState()
© ABL - The Problem Solver 22

Just
State
© ABL - The Problem Solver 23

useEffect()
© ABL - The Problem Solver 24

The
Context
© ABL - The Problem Solver 25

Render
Props
© ABL - The Problem Solver 26

useContext()
© ABL - The Problem Solver 27

All hooks
 Basic hooks
 useState()
 useEffect()
 useContext()
 Additional Hooks
 useReducer()
 useMutationEffect()
 useLayoutEffect ()
 useCallback ()
 useMemo()
 useRef()
 useImperativeMethods()
 Custom hooks
 …
© ABL - The Problem Solver 29

Custom
Hooks
© ABL - The Problem Solver 30

Using
The
Hook
© ABL - The Problem Solver 31

Abortable
Fetch
Hook
© ABL - The Problem Solver 32

Fetch
Request
© ABL - The Problem Solver 33

Rules
of
Hooks
© ABL - The Problem Solver 34
 Hooks can only be used in functional components
 Or in other hooks
 Not in class based components
 Hooks must always be created in the same order
 Must be outside loops, conditions or nested functions
 Hooks names must be prefixed with `use`
 There is an ESLint plugin to enforce these rules

Hooks are
optional
© ABL - The Problem Solver 35

Classes will
keep on
working
© ABL - The Problem Solver 36

It’s a
Proposal
© ABL - The Problem Solver 37
https://reactjs.org/hooks

Maurice de Beijer
@mauricedb
maurice.de.beijer
@gmail.com
© ABL - The Problem Solver 38

Contenu connexe

Tendances

140 releases per month

Manuel Vacelet

In this webinar presentation, Brian Jordan gives a tour of Code.org’s continuous, automated cross-browser testing suite, newly integrated with CircleCI. Brian discusses how Code.org’s small engineering team approaches testing throughout the product development cycle, including a suite of cross-browser tests using Sauce Labs that now run for every single commit an engineer pushes to their feature branch.

Tests for Every Branch Using CircleCI and Sauce Labs to Continuously Test CS ...

Sauce Labs

Virtual Dreamin Salesforce DevOps Top 10

Richard Clark

Modern software testing and processes 2019

Karim Fanadka

Level Up Your Salesforce Unit Testing

Gordon Bockus

Angular2 Upgrade

WealthBar Financial Services

Alexey Kupriyanenko "Release Early, Often, Stable"

Fwdays

How to go about testing in React?

Lisa Gagarina

Feature Toggle

Bryan Liu

Branching Strategies For Git and Subversion

Elian, I.

Amsterdam JUG - Continuous performance

Bert Jan Schrijver

Unit Testing Asp.net and Asp.net MVC

Gil Zilberfeld

Codemotion tech pills - Continuous performance

Bert Jan Schrijver

Developing large apps is difficult. Ensuring that code is consistent, well structured, tested, maintainable and has an architecture that encourages enhancement is essential. When it comes to large server-focused apps, solutions to this problem have been tried and tested. But, how do you achieve this when building HTML5 single page apps? In this talk we’ll cover the signs to watch out for as your HTML5 SPA grows and provide examples of some of the tooling types that can contribute-to as well as ease the growing pains. Finally, we’ll demonstrate how tooling can be used to support a set of conventions, practices and principles that enable a productive developer workflow where the first line of code is feature code, features can be developed in isolation, code conflicts are avoided by grouping assets by feature and features are composed into apps. The demonstrations will use BladeRunnerJS, an open source developer toolkit written in Java, but the concepts are widely applicable.

How to Build Single Page HTML5 Apps that Scale

Phil Leggetter

Angular 2 in-1

GlobalLogic Ukraine

Patterns of a "Good" Test Automation Framework, Locators & Data

Agile Testing Alliance

Feature toggles

Anand Agrawal

Test & Dynamics CRM - extremeCRM Berlin 2012

Wael Hamze

More and more companies want some feedback and reports during the development of your SharePoint components, how can you implement tests to ensure that your component still working and match the final users' requirements? We will see together what kind of tests and the degree of helpful details for a developer and the other tests that can help you to ensure your component meets the acceptance criteria. This session will expose the basics, the pros, and the cons of the implementation of unit tests (jest) and e2e (testcafé) tests and how to automate them (DevOps CI)

Canadian Cloud Summit 2022 - SharePoint Framework Tests Introduction

Laurent Sittler

Introduction cypress

Oim Trust

Tendances (20)

140 releases per month

Tests for Every Branch Using CircleCI and Sauce Labs to Continuously Test CS ...

Virtual Dreamin Salesforce DevOps Top 10

Modern software testing and processes 2019

Level Up Your Salesforce Unit Testing

Angular2 Upgrade

Alexey Kupriyanenko "Release Early, Often, Stable"

How to go about testing in React?

Feature Toggle

Branching Strategies For Git and Subversion

Amsterdam JUG - Continuous performance

Unit Testing Asp.net and Asp.net MVC

Codemotion tech pills - Continuous performance

How to Build Single Page HTML5 Apps that Scale

Angular 2 in-1

Patterns of a "Good" Test Automation Framework, Locators & Data

Feature toggles

Test & Dynamics CRM - extremeCRM Berlin 2012

Canadian Cloud Summit 2022 - SharePoint Framework Tests Introduction

Introduction cypress

Similaire à I am hooked on React

Why I am hooked on the future of React

Maurice De Beijer [MVP]

Why I am hooked on the future of React

Maurice De Beijer [MVP]

The new React

Maurice De Beijer [MVP]

Better React state management with Redux

Maurice De Beijer [MVP]

In this hands-on workshop, Maurice will personally guide you through a series of exercises designed to empower you with a deep understanding of React Server Components and the power of TypeScript. Discover how to optimize your applications, improve performance, and unlock new possibilities. Maurice will virtually be by your side, offering comprehensive guidance and answering your questions as you navigate each exercise. By the end of the workshop, you'll have mastered React Server Components, armed with a newfound arsenal of TypeScript knowledge to supercharge your React applications. Don't miss this opportunity to elevate your React expertise to new heights. Join our workshop and unlock the potential of React Server Components with TypeScript. Your apps will thank you.

Practice TypeScript Techniques Building React Server Components App

Maurice De Beijer [MVP]

The productive developer guide to React

Maurice De Beijer [MVP]

Ch06.ppt

DeekshithaReddy63

The React team has rewritten the book on developing components several times. This time they have introduced Suspense. Amongst other thing this makes splitting your application into multiple bundles easier. But that is only the start as the real innovation comes when loading data. Gone are the side effect hooks with the typical loading, loaded and error states. Instead we can suspend components when loading data. Need to do multiple request? No problem you can suspend multiple components at the same time if you want. Need to trap errors? No problem just use a standard React error boundary. Come to this session to learn what React Suspense can do for you.

React suspense, not just for Alfred Hitchcock

Maurice De Beijer [MVP]

Building high-performance web applications with Preact

Maurice De Beijer [MVP]

Building high performance web applications

Maurice De Beijer [MVP]

android ch5.pptx

mohamedMoktarMohamed

Building high performance web applications

Maurice De Beijer [MVP]

Building high performance web applications

Maurice De Beijer [MVP]

Introduction to JavaScript for APEX Developers - Module 1: JavaScript Basics

Daniel McGhan

Vertafore develops and delivers cloud-based insurance software and services for the insurance industry. In this session, we'll chronicle one development team's journey through the database technology landscape that led to the evaluation and selection of Apache Cassandra as part of DataStax Enterprise from a small pool of contenders. We'll describe the process from setup to selection, including evaluation guidelines, testing strategies, tools, as well as our mindset. We'll also describe the project's initial goals, some milestones, and our communication strategy to inform those with budgetary powers.

Vertafore: Database Evaluation - Selecting Apache Cassandra

DataStax Academy

devops

Somkiat Puisungnoen

Module 1: JavaScript Basics

Daniel McGhan

Westrich spock-assets-gum

Brian Westrich

Debugger For Siebel Crm

jayaramans

Guidelines and Best Practices for Sencha Projects

AmitaSuri

Similaire à I am hooked on React (20)

Why I am hooked on the future of React

The new React

Better React state management with Redux

Practice TypeScript Techniques Building React Server Components App

The productive developer guide to React

Ch06.ppt

React suspense, not just for Alfred Hitchcock

Building high-performance web applications with Preact

Building high performance web applications

android ch5.pptx

Building high performance web applications

Introduction to JavaScript for APEX Developers - Module 1: JavaScript Basics

Vertafore: Database Evaluation - Selecting Apache Cassandra

devops

Module 1: JavaScript Basics

Westrich spock-assets-gum

Debugger For Siebel Crm

Guidelines and Best Practices for Sencha Projects

Plus de Maurice De Beijer [MVP]

Let's face the facts and admit it: Estimating how long it will take to build software is hard. Why is estimation so hard? Well there are some reasons for that. Many people tend to be optimistic about how long it will take to do a task. Not surprising when we learn the way memory works. It tends to skew our experiences from old projects. We often forget the many small setbacks encountered. Another reason is that many tasks are not included in the initial estimate. They only become visible over time. Does that mean that estimation is impossible and a waste of time? Not at all. Many software development activities are commercial activities. Starting something without even a rough estimate of what the costs and timeline will be is risky at best.

A foolproof Way to Estimate a Software Project

Maurice De Beijer [MVP]

Tired of having users email you that your Svelte application is broken? Turns out that building reliable applications is hard and requires a lot of testing. You can write unit tests but quite often these all pass and the application is still broken. Why? Because they test parts of the application in isolation. But for a reliable application we need more. We need to make sure that all parts, including the backend API’s, work together as intended. Cypress is a great tool to achieve this. It will test you complete web application in the browser and use it like a real world user would. In this session Maurice will show you how to use Cypress during development and on the CI server with Svelte. He will share tips and tricks to make your tests more resilient and more like how an actual end user would behave.

Surati Tech Talks 2022 / Build reliable Svelte applications using Cypress

Maurice De Beijer [MVP]

Tired of having users email you that your web application is broken? Turns out that building reliable web applications is hard and requires a lot of testing. You can write unit tests but quite often these all pass and the application is still broken. Why? Because they test parts of the application in isolation. But for a reliable application we need more. We need to make sure that all parts work together as intended. Cypress is a great tool to achieve this. It will test you complete web application in the browser and use it like a real user would. In this session Maurice will show you how to use Cypress during development and on the CI server. He will share tips and tricks to make your tests more resilient and more like how an actual end user would behave.

Build reliable Svelte applications using Cypress

Maurice De Beijer [MVP]

Building a small to medium size business application with React isn't terribly hard. It has been done lots of times and there is plenty of information about what works and what doesn't. However building a large, complex and mission critical application with React is another matter. How to configure reliable hosting on Azure for the front and back-end? How to track runtime errors that happen in the browser. And how to create an efficient workflow between front and back-end teams. In this session Maurice de Beijer will share his experiences in building a globally deployed application that is used by thousands of people who depend on the availability and proper functioning of the application for a safe work environment. https://azconf.dev/

Building Reliable Applications Using React, .NET & Azure

Maurice De Beijer [MVP]

With the release of React 18 we finally get the long awaited concurrent rendering. But how is that going to affect your application? What are the benefits of concurrent rendering in React? What do you need to do to switch to concurrent rendering when you upgrade to React 18? And what if you don’t want or can’t use concurrent rendering yet? There are some behavior changes you need to be aware of! In this workshop we will cover all of those subjects and more. Join me with your laptop in this interactive workshop. You will see how easy it is to switch to concurrent rendering in your React application. You will learn all about concurrent rendering, SuspenseList, the startTransition API and more. https://reactadvanced.com/workshops-3h

Concurrent Rendering Adventures in React 18

Maurice De Beijer [MVP]

The React team rewrote the book on developing components. Before we had a choice between classes and functional components. Yet many components needed to be classes. A functional component was often too limited. Now, using hooks, we can extend functional components to be as powerful as we want. Suspense and asynchronous rendering is in the future of React. It will make large applications much more responsive and easier to deal with. Getting started with suspense and asynchronous rendering isn't hard as you will discover. Come to this session to learn what React hooks are and how to get started using hooks. But be warned, once seen React hooks can’t be unseen and your React components will never be the same again.

Why I am hooked on the future of React

Maurice De Beijer [MVP]

Building reliable web applications using Cypress

Maurice De Beijer [MVP]

React keeps on evolving and making hard things easier for the average developer. One case, where React was not particularly hard but very repetitive, is working with AJAX request. There is always the trinity of loading, success and possible error states that had to be handled each time. But no more as the <Suspense /> component makes life much easier. Another case is performance of larger and complex applications. Usually React is fast enough but with a large application rendering components can conflict with user interactions. Concurrent rendering will, mostly automatically, take care of this. You will learn all about using , showing loading indicators and handling errors. You will see how easy it is to get started with concurrent rendering. You will make suspense even more capable by combining it with concurrent rendering, the useTransition() hook and the component.

Getting started with React Suspense and concurrent rendering

Maurice De Beijer [MVP]

Reactive and functional programming, you have probably heard the term mentioned before. It’s supposed to be really cool and a good practice. But what is reactive programming exactly and how to get started with it in JavaScript? And why does Angular start using the reactive extensions for JavaScript (RxJS) instead of standard promises? In this presentation, Maurice is going to show you how to get started with RxJS, the JavaScript implementation of the ReactiveX library. You will learn why using RxJS is a great way of dealing with streams of events in an asynchronous and functional way.

From zero to hero with the Reactive extensions for JavaScript

Maurice De Beijer [MVP]

From zero to hero with the reactive extensions for JavaScript

Maurice De Beijer [MVP]

Using restful APIs can be hard on your React applications. Before you know it, you are doing lots of parallel queries to the server. Using GraphQL instead of REST might help a lot. Instead of downloading many complete resources each component declares its own needs. Then the GraphQL client library then combines these requirements. The result is a single optimized query for the server. In this session, Maurice de Beijer is going to show you how to get started with GraphQL in your React applications.

Create flexible React applications using GraphQL apis

Maurice De Beijer [MVP]

Create flexible react applications using GraphQL API's

Maurice De Beijer [MVP]

You have probably heard about Docker, these days it is a popular topic with cloud computing. But what does it take for a .NET developer to start with Docker? And where can you use it? Of course, you can deploy an application to the cloud using Docker. But you can also use Docker very effectively as a support tool when developing or testing. In this session, Maurice de Beijer will show you some of the many opportunities to use Docker.

Docker for a .NET web developer

Maurice De Beijer [MVP]

From zero to hero with the reactive extensions for JavaScript

Maurice De Beijer [MVP]

Docker containers on Windows

Maurice De Beijer [MVP]

From zero to hero with the reactive extensions for java script

Maurice De Beijer [MVP]

Tooling for the productive front end developer

Maurice De Beijer [MVP]

Plus de Maurice De Beijer [MVP] (17)

A foolproof Way to Estimate a Software Project

Surati Tech Talks 2022 / Build reliable Svelte applications using Cypress

Build reliable Svelte applications using Cypress

Building Reliable Applications Using React, .NET & Azure

Concurrent Rendering Adventures in React 18

Why I am hooked on the future of React

Building reliable web applications using Cypress

Getting started with React Suspense and concurrent rendering

From zero to hero with the Reactive extensions for JavaScript

From zero to hero with the reactive extensions for JavaScript

Create flexible React applications using GraphQL apis

Create flexible react applications using GraphQL API's

Docker for a .NET web developer

From zero to hero with the reactive extensions for JavaScript

Docker containers on Windows

From zero to hero with the reactive extensions for java script

Tooling for the productive front end developer

Dernier

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

This presentation explores the impact of HTML injection attacks on web applications, detailing how attackers exploit vulnerabilities to inject malicious code into web pages. Learn about the potential consequences of such attacks and discover effective mitigation strategies to protect your web applications from HTML injection vulnerabilities. for more information visit https://bostoninstituteofanalytics.org/category/cyber-security-ethical-hacking/

HTML Injection Attacks: Impact and Mitigation Strategies

Boston Institute of Analytics

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

What are drone anti-jamming systems? The drone anti-jamming systems and anti-spoof technology protect against interference, jamming, and spoofing of the UAVs. To protect their security, countries are beginning to research drone anti-jamming systems, also known as drone strike weapons. The anti-jam and anti-spoof technology protects against interference, jamming and spoofing. A drone strike weapon is a drone attack weapon that can attack and destroy enemy drones. So what is so unique about this amazing system?

What Are The Drone Anti-jamming Systems Technology?

Antenna Manufacturer Coco

GenAI Risks & Security Meetup 01052024.pdf

lior mazor

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

Enterprise Knowledge’s Urmi Majumder, Principal Data Architecture Consultant, and Fernando Aguilar Islas, Senior Data Science Consultant, presented "Driving Behavioral Change for Information Management through Data-Driven Green Strategy" on March 27, 2024 at Enterprise Data World (EDW) in Orlando, Florida. In this presentation, Urmi and Fernando discussed a case study describing how the information management division in a large supply chain organization drove user behavior change through awareness of the carbon footprint of their duplicated and near-duplicated content, identified via advanced data analytics. Check out their presentation to gain valuable perspectives on utilizing data-driven strategies to influence positive behavioral shifts and support sustainability initiatives within your organization. In this session, participants gained answers to the following questions: - What is a Green Information Management (IM) Strategy, and why should you have one? - How can Artificial Intelligence (AI) and Machine Learning (ML) support your Green IM Strategy through content deduplication? - How can an organization use insights into their data to influence employee behavior for IM? - How can you reap additional benefits from content reduction that go beyond Green IM?

Driving Behavioral Change for Information Management through Data-Driven Gree...

Enterprise Knowledge

What is a good lead in your organisation? Which leads are priority? What happens to leads? When sales and marketing give different answers to these questions, or perhaps aren't sure of the answers at all, frustrations build and opportunities are left on the table. Join us for an illuminating session with Cian McLoughlin, HubSpot Principal Customer Success Manager, as we look at that crucial piece of the customer journey in which leads are transferred from marketing to sales.

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

HampshireHUG

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Scaling API-first – The story of a global engineering organization

Radu Cotescu

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Neo4j

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

Dernier (20)

GenCyber Cyber Security Day Presentation

HTML Injection Attacks: Impact and Mitigation Strategies

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Strategies for Landing an Oracle DBA Job as a Fresher

What Are The Drone Anti-jamming Systems Technology?

GenAI Risks & Security Meetup 01052024.pdf

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

Exploring the Future Potential of AI-Enabled Smartphone Processors

Boost Fertility New Invention Ups Success Rates.pdf

Axa Assurance Maroc - Insurer Innovation Award 2024

Driving Behavioral Change for Information Management through Data-Driven Gree...

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Scaling API-first – The story of a global engineering organization

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

🐬 The future of MySQL is Postgres 🐘

Automating Google Workspace (GWS) & more with Apps Script

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

A Domino Admins Adventures (Engage 2024)

I am hooked on React

1. I am hooked on React Maurice de Beijer - @mauricedb

2.  Maurice de Beijer  The Problem Solver  Microsoft MVP  Freelance developer/instructor  Twitter: @mauricedb  Web: http://www.TheProblemSolver.nl  E-mail: maurice.de.beijer@gmail.com 2ABL - The Problem Solver

28. All hooks  Basic hooks  useState()  useEffect()  useContext()  Additional Hooks  useReducer()  useMutationEffect()  useLayoutEffect ()  useCallback ()  useMemo()  useRef()  useImperativeMethods()  Custom hooks  … © ABL - The Problem Solver 29

33. Rules of Hooks © ABL - The Problem Solver 34  Hooks can only be used in functional components  Or in other hooks  Not in class based components  Hooks must always be created in the same order  Must be outside loops, conditions or nested functions  Hooks names must be prefixed with `use`  There is an ESLint plugin to enforce these rules

I am hooked on React

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à I am hooked on React

Similaire à I am hooked on React (20)

Plus de Maurice De Beijer [MVP]

Plus de Maurice De Beijer [MVP] (17)

Dernier

Dernier (20)

I am hooked on React