Make app

Establish it erst globally:

You’ll demand to suffer Client = 4 on your motorcar.

We powerfully advocate to use Client = 6 and npm = 3 for quicker initiation speeding and wagerer record use. You can use nvm to well permutation Thickening versions ‘tween dissimilar projects.

This peter doesn’t acquire a Guest backend. The Guest installment is sole mandatory for the habitus tools that bank thereon topically, such as Webpack and Babel.

Creating an App

To make a new app, run:

It leave produce a directory called my-app privileged the stream brochure.
Inner that directory, it leave mother the initial externalise construction and instal the transitive dependencies:

No contour or complicated booklet structures, equitable the files you demand to body-build your app.
Formerly the instalment is through, you can run about commands indoors the task brochure:

Runs the app in evolution fashion.
Spread p>

The foliate leave recharge if you shuffling edits.
You bequeath see the habitus errors and lint warnings in the soothe.

Runs the run viewer in an interactional mood.
By nonremittal, runs tests related files changes since the finale devote.

Builds the app for product to the habitus booklet.
It aright bundles Oppose in yield modality and optimizes the body-build for the better functioning.

The bod is minified and the filenames admit the hashes.
Your app is make to be deployed!

The Exploiter Draw includes data on dissimilar topics, such as:

A replicate of the exploiter scout bequeath be created as in your labor leaflet.

How to Update to New Versions?

Delight name to the Exploiter Scout for this and former info.

One Dependence: Thither is scarce one chassis dependance. It uses Webpack, Babel, ESLint, and over-the-counter astonishing projects, but provides a cohesive curated see on top of them.

Convening complete Shape: You don’t demand to configure anything by nonpayment. Somewhat full conformation of both ontogenesis and yield builds is handled for you so you can center composition encrypt.

No Lock-In: You can “eject” to a custom-made frame-up at any sentence. Run a bingle mastery, and all the conformation and bod dependencies leave be affected straight into your propose, so you can percolate rightfulness where you odd off.

If you’re acquiring started with Oppose, use create-react-app to automatize the physique of your app. Thither is no form charge, and react-scripts is the just supernumerary bod addiction in your software.json. Your surroundings testament let everything you indigence to anatomy a advanced Respond app:

  • Oppose, JSX, ES6, and Flowing syntax supporting.
  • Nomenclature extras bey ES6 ilk the aim scatter hustler.
  • A dev host that lints for vernacular errors.
  • Consequence CSS and effigy files direct from JavaScript.
  • Autoprefixed CSS, so you don’t indigence -webkit or former prefixes.
  • A bod handwriting to package JS, CSS, and images for product, with sourcemaps.

The boast set is purposely express. It doesn’t reinforcement modern features such as waiter rendition or CSS modules. The cock is besides non-configurable because it is heavy to furnish a cohesive receive and loose updates crossways a set of tools when the exploiter can pluck anything.

You don’t deliver to use this. Historically it has been promiscuous to gradually dramatize Respond. Nevertheless many multitude produce new single-page Oppose apps from mark every day. We’ve heard brassy and crystalise that this summons can be erring and long-winded, peculiarly if this is your beginning JavaScript anatomy smokestack. This externalise is an try to solve a effective way to beginning underdeveloped Respond apps.

Converting to a Impost Apparatus

If you’re a superpower exploiter and you aren’t felicitous with the nonremittal constellation, you can “eject” from the dick and use it as a boilerplate author.

Track npm run exclude copies all the conformation files and the transitive dependencies (Webpack, Babel, ESLint, etcetera) rightfield into your externalise so you sustain wax restraint complete them. Commands ilk npm commencement and npm run physique volition calm employment, but they volition detail to the copied scripts so you can fine-tune them. At this head, you’re on your own.

Banknote: this is a one-way functioning. Erstwhile you exclude. you can’t recuperate!

You don’t bear to e’er use squirt. The curated boast set is desirable for minor and midsection deployments, and you shouldn’t feeling obligated to use this have. Withal we see that this peter wouldn’t be utile if you couldn’t customise it when you are prepare for it.

Around features are presently not supported :

  • Host interpretation.
  • Roughly data-based syntax extensions (e.g. decorators).
  • CSS Modules.
  • LESS or Lip.
  • Hot reloading of components.

Around of them power get added in the futurity if they are static, are utilitarian to bulk of Respond apps, don’t battle with existent tools, and don’t precede extra form.

The tools put-upon by Produce Oppose App are discipline to variety. Presently it is a lean level on top of many awe-inspiring community projects, such as:

All of them are transitive dependencies of the provided npm bundle.

We’d dear to suffer your hand on create-react-app. See for more entropy on what we’re looking and how to get started.

We are thankful to the authors of existent related projects for their ideas and coaction:

If you don’t check with the choices made therein propose, you mightiness wish windows phone 7 guide for iphone application developers to research alternatives with dissimilar tradeoffs.
About of the more pop and actively well-kept ones are:

Famed alternatives besides admit:

You can too use faculty bundlers ilk webpack and Browserify straight.
Oppose corroboration includes a walkthrough on this theme.


メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>