React
DocsTutorialCommunityBlog
v16.3.2GitHub

Babel, JSX, and Build Steps

Do I need to use JSX with React?

No! Check out “React Without JSX” to learn more.

Do I need to use ES6 (+) with React?

No! Check out “React Without ES6” to learn more.

How can I write comments in JSX?

<div>
  {/* Comment goes here */}
  Hello, {name}!
</div>
<div>
  {/* It also works 
  for multi-line comments. */}
  Hello, {name}! 
</div>
Edit this page
  • Try React
  • Add React to a New App
  • Add React to an Existing App
  • CDN Links
  • Hello World
  • Introducing JSX
  • Rendering Elements
  • Components and Props
  • State and Lifecycle
  • Handling Events
  • Conditional Rendering
  • Lists and Keys
  • Forms
  • Lifting State Up
  • Composition vs Inheritance
  • Thinking In React
  • JSX In Depth
  • Typechecking With PropTypes
  • Static Type Checking
  • Refs and the DOM
  • Uncontrolled Components
  • Optimizing Performance
  • React Without ES6
  • React Without JSX
  • Reconciliation
  • Context
  • Fragments
  • Portals
  • Error Boundaries
  • Web Components
  • Higher-Order Components
  • Forwarding Refs
  • Render Props
  • Integrating with Other Libraries
  • Accessibility
  • Code-Splitting
  • Strict Mode
  • React
    • React.Component
  • ReactDOM
  • ReactDOMServer
  • DOM Elements
  • SyntheticEvent
  • Test Utilities
  • Shallow Renderer
  • Test Renderer
  • JS Environment Requirements
  • Glossary
  • How to Contribute
  • Codebase Overview
  • Implementation Notes
  • Design Principles
  • AJAX and APIs
  • Babel, JSX, and Build Steps
  • Passing Functions to Components
  • Component State
  • Styling and CSS
  • File Structure
  • Virtual DOM and Internals
Docs
InstallationQuick StartAdvanced GuidesReferenceContributingFAQ
Channels
GitHubStack OverflowDiscussion ForumReactiflux ChatFacebookTwitter
Community
Community ResourcesTools
More
TutorialBlogAcknowledgementsReact Native
Facebook Open Source

Copyright © 2018 Facebook Inc.