mteb/BrightProStackoverflowRetrieval huggingface dataset:
rials ](https://developer.mulesoft.com/tutorials-and-howtos)
    * [ Documentation ](https://docs.mulesoft.com/)
    * [ Quick start guides ](https://www.mulesoft.com/lp/ebook/api/integration-quick-start-guide)
    * [ Ask an expert ](https://www.mulesoft.com/lp/contact/ask-an-expert)
  * Resources 
    * [ Webinars ](https://www.mulesoft.com/integration-resources?type%5B0%5D=Webinar)
    * [ Demos ](https://www.mulesoft.com/integration-resources?type%5B0%5D=Demo)
    * [ Videos ](https://videos.mulesoft.com/)
    * [ Analyst reports ](https://www.mulesoft.com/integration-resources?type%5B0%5D=Report)
    * [ eBooks ](https://www.mulesoft.com/integration-resources?type%5B0%5D=eBook)
    * [ Whitepapers ](https://www.mulesoft.com/integration-resources?type%5B0%5D=Whitepaper)
    * [ Infographics ](https://www.mulesoft.com/integration-resources?type%5B0%5D=Infographic)
    * [ Articles ](https://www.mulesoft.com/resources/articles)
    * [ Blog ](https://blogs.mulesoft.com/bloghome/)
  * Explore more 
    * [ Contact sales ](https://www.mulesoft.com/contact)
    * [ Partners ](https://www.mulesoft.com/integration-partner)
    * [ Customer stories ](https://www.mulesoft.com/case-studies)
    * [ Events ](https://www.mulesoft.com/events)
    * [ News ](https://www.mulesoft.com/press-center)
    * [ Careers ](https://careers.salesforce.com/en/)

[ ](https://www.mulesoft.com)

© Copyright 2024  Salesforce, Inc. [ All rights reserved.
](https://www.salesforce.com/company/legal/intellectual/) [ Privacy
](https://www.salesforce.com/company/privacy/) [ Privacy Shield
](https://www.salesforce.com/content/dam/web/en_us/www/documents/legal/Privacy/privacy-
shield-notice.pdf) [ Terms ](https://www.salesforce.com/company/legal/sfdc-
website-terms-of-service/) Cookie Settings

[ Your Privacy Choices ](https://www.salesforce.com/form/other/privacy-
request/)

[ Link to MuleSoft Linkedin profile
](https://www.linkedin.com/company/mulesoft/) [ Link to MuleSoft Twitter
profile  ](https://twitter.com/MuleSoft) [ Link to MuleSoft Instagram profile
](https://www.instagram.com/mulesoft) [ Link to MuleSoft Facebook profile
](https://www.facebook.com/MuleSoft/) [ Link to MuleSoft Videos platform
](https://www.youtube.com/user/mulesoftvids) [ Link to MuleSoft Twitch profile
](https://www.twitch.tv/mulesoft_community)
ining.mulesoft.com/certification)
    * [ MuleSoft Catalyst ](https://www.mulesoft.com/support-and-services/consulting)
    * [ Business Value Services ](https://www.mulesoft.com/support-and-services/business-value-services)
  * Support 
    * [ Help Center ](https://help.mulesoft.com/)
    * [ Community ](https://www.mulesoft.com/community)
    * [ Tutorials ](https://developer.mulesoft.com/tutorials-and-howtos)
    * [ Documentation ](https://docs.mulesoft.com/)
    * [ Quick start guides ](https://www.mulesoft.com/lp/ebook/api/integration-quick-start-guide)
    * [ Ask an expert ](https://www.mulesoft.com/lp/contact/ask-an-expert)
  * Resources 
    * [ Webinars ](https://www.mulesoft.com/integration-resources?type%5B0%5D=Webinar)
    * [ Demos ](https://www.mulesoft.com/integration-resources?type%5B0%5D=Demo)
    * [ Videos ](https://videos.mulesoft.com/)
    * [ Analyst reports ](https://www.mulesoft.com/integration-resources?type%5B0%5D=Report)
    * [ eBooks ](https://www.mulesoft.com/integration-resources?type%5B0%5D=eBook)
    * [ Whitepapers ](https://www.mulesoft.com/integration-resources?type%5B0%5D=Whitepaper)
    * [ Infographics ](https://www.mulesoft.com/integration-resources?type%5B0%5D=Infographic)
    * [ Articles ](https://www.mulesoft.com/resources/articles)
    * [ Blog ](https://blogs.mulesoft.com/bloghome/)
  * Explore more 
    * [ Contact sales ](https://www.mulesoft.com/contact)
    * [ Partners ](https://www.mulesoft.com/integration-partner)
    * [ Customer stories ](https://www.mulesoft.com/case-studies)
    * [ Events ](https://www.mulesoft.com/events)
    * [ News ](https://www.mulesoft.com/press-center)
    * [ Careers ](https://careers.salesforce.com/en/)

[ ](https://www.mulesoft.com)

© Copyright 2024  Salesforce, Inc. [ All rights reserved.
](https://www.salesforce.com/company/legal/intellectual/) [ Privacy
](https://www.salesforce.com/company/privacy/) [ Privacy Shield
](https://www.salesforce.com/content/dam/web/en_us/www/documents/legal/Privacy/privacy-
shield-notice.pdf) [ Terms ](https://www.salesforce.com/company/legal/sfdc-
website-terms-of-service/) Cookie Settings

[ Your Privacy Choices ](https://www.salesforce.com/form/other/privacy-
request/)

[ Link to MuleSoft Linkedin profile
](https://www.linkedin.com/company/mulesoft/) [ Link to MuleSoft Twitter
profile  ](https://twitter.com/MuleSoft) [ Link to MuleSoft Instagram profile
](https://www.instagram.com/mulesoft) [ Link to MuleSoft Facebook profile
](https://www.facebook.com/MuleSoft/) [ Link to MuleSoft Videos platform
](https://www.youtube.com/user/mulesoftvids) [ Link to MuleSoft Twitch profile
](https://www.twitch.tv/mulesoft_community)
rently between the component and the ` react-
dom ` copy it was rendered with.

##  Other Causes

If none of this worked, please comment in [ this issue
](https://github.com/facebook/react/issues/13991) and we’ll try to help. Try
to create a small reproducing example — you might discover the problem as
you’re doing it.

* * *

How do you like these docs?

[ Take our survey!  ](https://www.surveymonkey.co.uk/r/PYRPF3X)

* * *

[ ](https://opensource.fb.com/)

©  2024

[ Learn React ](/learn)

[ Quick Start ](/learn)

[ Installation ](/learn/installation)

[ Describing the UI ](/learn/describing-the-ui)

[ Adding Interactivity ](/learn/adding-interactivity)

[ Managing State ](/learn/managing-state)

[ Escape Hatches ](/learn/escape-hatches)

[ API Reference ](/reference/react)

[ React APIs ](/reference/react)

[ React DOM APIs ](/reference/react-dom)

[ Community ](/community)

[ Code of Conduct
](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md)

[ Meet the Team ](/community/team)

[ Docs Contributors ](/community/docs-contributors)

[ Acknowledgements ](/community/acknowledgements)

More

[ Blog ](/blog)

[ React Native ](https://reactnative.dev/)

[ Privacy ](https://opensource.facebook.com/legal/privacy)

[ Terms ](https://opensource.fb.com/legal/terms/)

[ ](https://www.facebook.com/react) [ ](https://twitter.com/reactjs) [
](https://github.com/facebook/react)

##  On this page

  * Overview 
  * Breaking Rules of Hooks 
  * Mismatching Versions of React and React DOM 
  * Duplicate React 
  * Other Causes
tree is helpful to debug such issues.

##  Ready to learn this topic?

Read **[ Your UI as a Tree ](/learn/understanding-your-ui-as-a-tree) ** to
learn how to create a render and module dependency trees for a React app and
how they’re useful mental models for improving user experience and
performance.

[ Read More  ](/learn/understanding-your-ui-as-a-tree)

* * *

##  What’s next?

Head over to [ Your First Component ](/learn/your-first-component) to start
reading this chapter page by page!

Or, if you’re already familiar with these topics, why not read about [ Adding
Interactivity ](/learn/adding-interactivity) ?

[ Next  Your First Component  ](/learn/your-first-component)

* * *

How do you like these docs?

[ Take our survey!  ](https://www.surveymonkey.co.uk/r/PYRPF3X)

* * *

[ ](https://opensource.fb.com/)

©  2024

[ Learn React ](/learn)

[ Quick Start ](/learn)

[ Installation ](/learn/installation)

[ Describing the UI ](/learn/describing-the-ui)

[ Adding Interactivity ](/learn/adding-interactivity)

[ Managing State ](/learn/managing-state)

[ Escape Hatches ](/learn/escape-hatches)

[ API Reference ](/reference/react)

[ React APIs ](/reference/react)

[ React DOM APIs ](/reference/react-dom)

[ Community ](/community)

[ Code of Conduct
](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md)

[ Meet the Team ](/community/team)

[ Docs Contributors ](/community/docs-contributors)

[ Acknowledgements ](/community/acknowledgements)

More

[ Blog ](/blog)

[ React Native ](https://reactnative.dev/)

[ Privacy ](https://opensource.facebook.com/legal/privacy)

[ Terms ](https://opensource.fb.com/legal/terms/)

[ ](https://www.facebook.com/react) [ ](https://twitter.com/reactjs) [
](https://github.com/facebook/react)

##  On this page

  * Overview 
  * Your first component 
  * Importing and exporting components 
  * Writing markup with JSX 
  * JavaScript in JSX with curly braces 
  * Passing props to a component 
  * Conditional rendering 
  * Rendering lists 
  * Keeping components pure 
  * Your UI as a tree 
  * What’s next?
<template>
      <button class="dark-mode-toggle" @click="toggleDarkMode">
        {{ isDarkMode ? 'Switch to Light Mode' : 'Switch to Dark Mode' }}
        <span class="icon" v-html="isDarkMode ? moonIcon : sunIcon" />
      </button>
    </template>
    
    <script setup lang="ts">
    import { ref, computed, onMounted } from 'vue'
    
    const isDarkMode = ref(JSON.parse(localStorage.getItem('darkMode') ?? 'false'))
    
    const styleProperties = computed(() => ({
      '--background-color': isDarkMode.value ? '#333' : '#FFF',
      '--text-color': isDarkMode.value ? '#FFF' : '#333'
    }))
    
    const sunIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-sun" viewBox="0 0 16 16">
      <path d="M8 4.41a3.59 3.59 0 1 1 0 7.18 3.59 3.59 0 0 1 0-7.18zM8 1a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-1 0V1.5A.5.5 0 0 1 8 1zm0 12a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-1 0v-1.5a.5.5 0 0 1 .5-.5zm6-6a.5.5 0 0 1 .5.5h1.5a.5.5 0 0 1 0 1H14.5a.5.5 0 0 1-.5-.5zm-12 0A.5.5 0 0 1 2 8H.5a.5.5 0 0 1 0-1H2a.5.5 0 0 1 .5.5zm9.396 5.106a.5.5 0 0 1 .708 0l1.06 1.06a.5.5 0 1 1-.708.708l-1.06-1.06a.5.5 0 0 1 0-.708zM3.146 3.854a.5.5 0 0 1 .708 0L4.914 5.56a.5.5 0 1 1-.708.708L3.146 4.562a.5.5 0 0 1 0-.708zm9.708 9.292a.5.5 0 0 1 .708 0L14.06 14.44a.5.5 0 0 1-.708.708l-1.06-1.06a.5.5 0 0 1 0-.708zM3.146 14.44a.5.5 0 0 1 0 .708l-1.06 1.06a.5.5 0 1 1-.708-.708l1.06-1.06a.5.5 0 0 1 .708 0z"/>
    </svg>`
    
    const moonIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-moon" viewBox="0 0 16 16">
      <path d="M14.53 11.29c.801-1.422.852-3.108.172-4.614-.679-1.506-1.946-2.578-3.465-2.932a.5.5 0 0 0-.568.271A5.023 5.023 0 0 0 9 9.75c0 1.01.374 1.93.973 2.628a.5.5 0 0 0 .567.274 5.538 5.538 0 0 0 4.257-2.064.5.5 0 0 0-.267-.79z"/>
    </svg>`
    
    function applyStyles () {
      for (const [key, value] of Object.entries(styleProperties.value)) {
        document.documentElement.style.setProperty(key, value)
      }
    }
    
    function toggleDarkMode () {
      isDarkMode.value = !isDarkMode.value
      localStorage.setItem('darkMode', JSON.stringify(isDarkMode.value))
      applyStyles()
    }
    
    // On component mount, apply the stored or default styles
    onMounted(applyStyles)
    </script>
    
    <style scoped>
    .dark-mode-toggle {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 20px;
      font-size: 16px;
      color: var(--text-color);
      background-color: var(--background-color);
      border: 1px solid var(--text-color);
      border-radius: 5px;
      cursor: pointer;
    }
    
    .icon {
      display: inline-block;
      margin-left: 10px;
    }
    
    :root {
      --background-color: #FFF;
      --text-color: #333;
    }
    
    body {
      background-color: var(--background-color);
      color: var(--text-color);
      transition: background-color 0.3s, color 0.3s;
    }
    </style>
    
    
    

Enter fullscreen mode  Exit fullscreen mode
pendent. Make them stay in sync: editing one input
should update the other input with the same text, and vice versa.

App.js

App.js

Reset  [ Fork
](https://codesandbox.io/api/v1/sandboxes/define?undefined&environment=create-
react-app "Open in CodeSandbox")

    
    
    import { useState } from 'react';
    
    export default function SyncedInputs() {
      return (
        <>
          <Input label="First input" />
          <Input label="Second input" />
        </>
      );
    }
    
    function Input({ label }) {
      const [text, setText] = useState('');
    
      function handleChange(e) {
        setText(e.target.value);
      }
    
      return (
        <label>
          {label}
          {' '}
          <input
            value={text}
            onChange={handleChange}
          />
        </label>
      );
    }
    
    

Show more

Show hint  Show solution

Next  Challenge

[ Previous  Choosing the State Structure  ](/learn/choosing-the-state-
structure) [ Next  Preserving and Resetting State  ](/learn/preserving-and-
resetting-state)

* * *

How do you like these docs?

[ Take our survey!  ](https://www.surveymonkey.co.uk/r/PYRPF3X)

* * *

[ ](https://opensource.fb.com/)

©  2024

[ Learn React ](/learn)

[ Quick Start ](/learn)

[ Installation ](/learn/installation)

[ Describing the UI ](/learn/describing-the-ui)

[ Adding Interactivity ](/learn/adding-interactivity)

[ Managing State ](/learn/managing-state)

[ Escape Hatches ](/learn/escape-hatches)

[ API Reference ](/reference/react)

[ React APIs ](/reference/react)

[ React DOM APIs ](/reference/react-dom)

[ Community ](/community)

[ Code of Conduct
](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md)

[ Meet the Team ](/community/team)

[ Docs Contributors ](/community/docs-contributors)

[ Acknowledgements ](/community/acknowledgements)

More

[ Blog ](/blog)

[ React Native ](https://reactnative.dev/)

[ Privacy ](https://opensource.facebook.com/legal/privacy)

[ Terms ](https://opensource.fb.com/legal/terms/)

[ ](https://www.facebook.com/react) [ ](https://twitter.com/reactjs) [
](https://github.com/facebook/react)

##  On this page

  * Overview 
  * Lifting state up by example 
  * Step 1: Remove state from the child components 
  * Step 2: Pass hardcoded data from the common parent 
  * Step 3: Add state to the common parent 
  * A single source of truth for each state 
  * Recap 
  * Challenges
_tuple_size&action=edit)  
[ tuple_cat  ](/w/cpp/utility/tuple/tuple_cat "cpp/utility/tuple/tuple cat") (C++11)  |  creates a ` tuple ` by concatenating any number of tuples   
(function template)  [ [edit]
](https://en.cppreference.com/mwiki/index.php?title=Template:cpp/utility/tuple/dsc_tuple_cat&action=edit)  
  
Retrieved from " [
https://en.cppreference.com/mwiki/index.php?title=cpp/utility/tuple_element&oldid=153688
](https://en.cppreference.com/mwiki/index.php?title=cpp/utility/tuple_element&oldid=153688)
"

#####  Navigation

  * [ Support us ](http://www.cppreference.com/support)
  * [ Recent changes ](/w/Special:RecentChanges "A list of recent changes in the wiki \[r\]")
  * [ FAQ ](/w/Cppreference:FAQ)
  * [ Offline version ](/w/Cppreference:Archives)

#####  Toolbox

  * [ What links here ](/w/Special:WhatLinksHere/cpp/utility/tuple_element "A list of all wiki pages that link here \[j\]")
  * [ Related changes ](/w/Special:RecentChangesLinked/cpp/utility/tuple_element "Recent changes in pages linked from this page \[k\]")
  * [ Upload file ](http://upload.cppreference.com/w/Special:Upload "Upload files \[u\]")
  * [ Special pages ](/w/Special:SpecialPages "A list of all special pages \[q\]")
  * [ Printable version ](/mwiki/index.php?title=cpp/utility/tuple_element&printable=yes "Printable version of this page \[p\]")
  * [ Permanent link ](/mwiki/index.php?title=cpp/utility/tuple_element&oldid=153688 "Permanent link to this revision of the page")
  * [ Page information ](/mwiki/index.php?title=cpp/utility/tuple_element&action=info)

  * In other languages 

  * [ Deutsch ](http://de.cppreference.com/w/cpp/utility/tuple_element "cpp/utility/tuple element")
  * [ Español ](http://es.cppreference.com/w/cpp/utility/tuple_element "cpp/utility/tuple element")
  * [ Français ](http://fr.cppreference.com/w/cpp/utility/tuple_element "cpp/utility/tuple element")
  * [ Italiano ](http://it.cppreference.com/w/cpp/utility/tuple_element "cpp/utility/tuple element")
  * [ 日本語 ](http://ja.cppreference.com/w/cpp/utility/tuple_element "cpp/utility/tuple element")
  * [ Português ](http://pt.cppreference.com/w/cpp/utility/tuple_element "cpp/utility/tuple element")
  * [ Русский ](http://ru.cppreference.com/w/cpp/utility/tuple_element "cpp/utility/tuple element")
  * [ 中文 ](http://zh.cppreference.com/w/cpp/utility/tuple_element "cpp/utility/tuple element")

  * This page was last modified on 17 June 2023, at 15:17. 
  * This page has been accessed 28,723 times. 

  * [ Privacy policy ](/w/Cppreference:Privacy_policy "Cppreference:Privacy policy")
  * [ About cppreference.com ](/w/Cppreference:About "Cppreference:About")
  * [ Disclaimers ](/w/Cppreference:General_disclaimer "Cppreference:General disclaimer")

  * [ ![Powered by MediaWiki](/mwiki/skins/common/images/poweredby_mediawiki_88x31.png) ](//www.mediawiki.org/) [ ![Powered by GeSHi](//upload.cppreference.com/mwiki/images/2/2b/powered_by_geshi_88x31.png) ](http://qbnz.com/highlighter/) [ ![Hosted by Tiger Technologies](//upload.cppreference.com/mwiki/images/9/94/powered_by_tigertech_88x31.png) ](http://www.tigertech.net/referral/cppreference.com)
* [ Actions  Automate any workflow  ](https://github.com/features/actions)
* [ Packages  Host and manage packages  ](https://github.com/features/packages)
* [ Security  Find and fix vulnerabilities  ](https://github.com/features/security)
* [ Codespaces  Instant dev environments  ](https://github.com/features/codespaces)
* [ Copilot  Write better code with AI  ](https://github.com/features/copilot)
* [ Code review  Manage code changes  ](https://github.com/features/code-review)
* [ Issues  Plan and track work  ](https://github.com/features/issues)
* [ Discussions  Collaborate outside of code  ](https://github.com/features/discussions)
* [ Code  ](/llvm/llvm-project)
* [ Issues  5k+  ](/llvm/llvm-project/issues)
* [ Pull requests  2.3k  ](/llvm/llvm-project/pulls)
* [ Actions  ](/llvm/llvm-project/actions)
* [ Security  ](/llvm/llvm-project/security)
* [ Insights  ](/llvm/llvm-project/pulse)
* [ Code  ](/llvm/llvm-project)
* [ Issues  ](/llvm/llvm-project/issues)
* [ Pull requests  ](/llvm/llvm-project/pulls)
* [ Actions  ](/llvm/llvm-project/actions)
* [ Security  ](/llvm/llvm-project/security)
* [ Insights  ](/llvm/llvm-project/pulse)
plate:cpp/container/array/dsc_to_array&action=edit)  
---|---  
[ integral_constant  bool_constant  ](/w/cpp/types/integral_constant "cpp/types/integral constant") (C++11)  (C++17)  |  compile-time constant of specified type with specified value   
(class template)  [ [edit]
](https://en.cppreference.com/mwiki/index.php?title=Template:cpp/types/dsc_integral_constant&action=edit)  
  
Retrieved from " [
https://en.cppreference.com/mwiki/index.php?title=cpp/utility/integer_sequence&oldid=170156
](https://en.cppreference.com/mwiki/index.php?title=cpp/utility/integer_sequence&oldid=170156)
"

#####  Navigation

  * [ Support us ](http://www.cppreference.com/support)
  * [ Recent changes ](/w/Special:RecentChanges "A list of recent changes in the wiki \[r\]")
  * [ FAQ ](/w/Cppreference:FAQ)
  * [ Offline version ](/w/Cppreference:Archives)

#####  Toolbox

  * [ What links here ](/w/Special:WhatLinksHere/cpp/utility/integer_sequence "A list of all wiki pages that link here \[j\]")
  * [ Related changes ](/w/Special:RecentChangesLinked/cpp/utility/integer_sequence "Recent changes in pages linked from this page \[k\]")
  * [ Upload file ](http://upload.cppreference.com/w/Special:Upload "Upload files \[u\]")
  * [ Special pages ](/w/Special:SpecialPages "A list of all special pages \[q\]")
  * [ Printable version ](/mwiki/index.php?title=cpp/utility/integer_sequence&printable=yes "Printable version of this page \[p\]")
  * [ Permanent link ](/mwiki/index.php?title=cpp/utility/integer_sequence&oldid=170156 "Permanent link to this revision of the page")
  * [ Page information ](/mwiki/index.php?title=cpp/utility/integer_sequence&action=info)

  * In other languages 

  * [ Deutsch ](http://de.cppreference.com/w/cpp/utility/integer_sequence "cpp/utility/integer sequence")
  * [ Español ](http://es.cppreference.com/w/cpp/utility/integer_sequence "cpp/utility/integer sequence")
  * [ 日本語 ](http://ja.cppreference.com/w/cpp/utility/integer_sequence "cpp/utility/integer sequence")
  * [ Русский ](http://ru.cppreference.com/w/cpp/utility/integer_sequence "cpp/utility/integer sequence")
  * [ 中文 ](http://zh.cppreference.com/w/cpp/utility/integer_sequence "cpp/utility/integer sequence")

  * This page was last modified on 13 March 2024, at 16:03. 
  * This page has been accessed 621,746 times. 

  * [ Privacy policy ](/w/Cppreference:Privacy_policy "Cppreference:Privacy policy")
  * [ About cppreference.com ](/w/Cppreference:About "Cppreference:About")
  * [ Disclaimers ](/w/Cppreference:General_disclaimer "Cppreference:General disclaimer")

  * [ ![Powered by MediaWiki](/mwiki/skins/common/images/poweredby_mediawiki_88x31.png) ](//www.mediawiki.org/) [ ![Powered by GeSHi](//upload.cppreference.com/mwiki/images/2/2b/powered_by_geshi_88x31.png) ](http://qbnz.com/highlighter/) [ ![Hosted by Tiger Technologies](//upload.cppreference.com/mwiki/images/9/94/powered_by_tigertech_88x31.png) ](http://www.tigertech.net/referral/cppreference.com)
* [ Introduction  ](/bigquery/docs/connections-api-intro)
* [ Amazon S3 connection  ](/bigquery/docs/omni-aws-create-connection)
* [ Apache Spark connection  ](/bigquery/docs/connect-to-spark)
* [ Azure Blob Storage connection  ](/bigquery/docs/omni-azure-create-connection)
* [ Cloud resource connection  ](/bigquery/docs/create-cloud-resource-connection)
* [ Cloud Spanner connection  ](/bigquery/docs/connect-to-spanner)
* [ Cloud SQL connection  ](/bigquery/docs/connect-to-sql)
* [ SAP Datasphere connection  ](/bigquery/docs/connect-to-sap-datasphere)
* [ Manage connections  ](/bigquery/docs/working-with-connections)
* [ Introduction  ](/bigquery/docs/labels-intro)
* [ Add labels  ](/bigquery/docs/adding-labels)
* [ View labels  ](/bigquery/docs/viewing-labels)
* [ Update labels  ](/bigquery/docs/updating-labels)
* [ Filter using labels  ](/bigquery/docs/filtering-labels)
* [ Delete labels  ](/bigquery/docs/deleting-labels)
* [ Google Cloud documentation ](/docs/)
* [ Google Cloud quickstarts ](/docs/get-started/)
* [ Google Cloud Marketplace ](/marketplace/)
* [ Learn about cloud computing ](/discover/)
* [ Support ](/support-hub/)
* [ Code samples ](/docs/samples)
* [ Cloud Architecture Center ](/architecture/)
* [ Training ](/learn/training/)
* [ Certifications ](/learn/certification/)
* [ Google for Developers ](//developers.google.com)
* [ Google Cloud for Startups ](/startup/)
* [ System status ](//status.cloud.google.com)
* [ Release Notes ](/release-notes)
* ###  Engage
* [ Access and resources management  ](https://cloud.google.com/docs/access-resources)
* [ Cloud SDK, languages, frameworks, and tools  ](https://cloud.google.com/docs/devtools)
* [ Costs and usage management  ](https://cloud.google.com/docs/costs-usage)
* [ Infrastructure as code  ](https://cloud.google.com/docs/iac)
* [ Migration  ](https://cloud.google.com/docs/migration)
* [ AI solutions, generative AI, and ML  ](https://cloud.google.com/docs/ai-ml)
* [ Application development  ](https://cloud.google.com/docs/application-development)
* [ Application hosting  ](https://cloud.google.com/docs/application-hosting)
* [ Compute  ](https://cloud.google.com/docs/compute-area)
* [ Data analytics and pipelines  ](https://cloud.google.com/docs/data)
* [ Databases  ](https://cloud.google.com/docs/databases)
* [ Distributed, hybrid, and multicloud  ](https://cloud.google.com/docs/dhm-cloud)
* [ Industry solutions  ](https://cloud.google.com/docs/industry)
* [ Networking  ](https://cloud.google.com/docs/networking)
* [ Observability and monitoring  ](https://cloud.google.com/docs/observability)
* [ Security  ](https://cloud.google.com/docs/security)
* [ Storage  ](https://cloud.google.com/docs/storage)