React Firefox

React firefox dev tools

Apr 11, 2020 Now on Firefox! Extends the Developer Tools, adding a sidebar that displays React Component Hierarchy. A Chrome Developer tool that displays the component hierarchy of React applications - Perfect for your own projects and for learning how organizations structure their own. The React Devtools extension for Chrome and Firefox lets you inspect a React component tree with your browser’s developer tools. The React DevTools let you check the props and the state of your React components. React Extension Boilerplate is a modern web extension template for building Mozilla and Chrome extensions using ReactJS. Allows smooth and fast development of extension using on-the-go loading, building, packaging and publishing on the most common browsers Chrome and Firefox. React normalizes events so that they have consistent properties across different browsers. The event handlers below are triggered by an event in the bubbling phase.

Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Use it to fetch, cache, and modify application data, all while automatically updating your UI.

Apollo Client helps you structure code in an economical, predictable, and declarative way that's consistent with modern development practices. The core @apollo/client library provides built-in integration with React, and the larger Apollo community maintains integrations for other popular view layers.

Features

  • Declarative data fetching: Write a query and receive data without manually tracking loading states.
  • Excellent developer experience: Enjoy helpful tooling for TypeScript, Chrome / Firefox devtools, and VS Code.
  • Designed for modern React: Take advantage of the latest React features, such as hooks.
  • Incrementally adoptable: Drop Apollo into any JavaScript app and incorporate it feature by feature.
  • Universally compatible: Use any build setup and any GraphQL API.
  • Community driven: Share knowledge with thousands of developers in the GraphQL community.

Recommended docs

After you get started, check out the full Apollo Client documentation in the navigation on the left.

We recommend the following articles in particular:

  • Queries and Mutations. These are the read and write operations of GraphQL.
  • Configuring the cache. Apollo Client's normalized cache enables you to skip network requests entirely when data is already available locally.
  • Managing local state. Apollo Client provides APIs for managing both remote and local data, enabling you to consolidate all of your application's state.
  • Basic HTTP networking. Learn how to send custom headers and other authentication metadata in your queries.
  • Testing React components. Test your GraphQL operations without requiring a connection to a server.

Community integrations

React Tools Firefox

This documentation set focuses on React, but Apollo Client supports many other libraries and languages:

React Extension Firefox

React Firefox
  • JavaScript
    • Meteor (thanks to DDP-Apollo)
  • Web Components
  • Native mobile

Introduction to Apollo Client

React Firefox Debug

Rate article
Edit on GitHub
Discuss on Spectrum