Is React's project built on scaffolding or on its own? - Codes Helper - Programming Question Answer

Is React's project built on scaffolding or on its own?

problem description

1, the company"s project, want to use React, but the use of scaffolding is good? Or is it better to build it yourself with webpack+React+es6?
2. As for the difference between the two, my understanding is that scaffolding makes it easy for users to build projects quickly, so there should be no other difference. I wonder if this understanding is correct?

the environmental background of the problems and what methods you have tried

React"s official website says that React scaffolding is based on webpack+es6, and webpack+es6+react,
, but it is found that in the projects built by the two, there is no configuration file for webpack in the former, while there is in the latter.
Baidu said that scaffolding hides the configuration files of webpack. All configuration files can be exposed with npm run eject, but the operation is irreversible

what result do you expect? What is the error message actually seen?

I have just learned React. Please give me some advice to see if my understanding is correct. If not, please give me some advice. Thank you in advance.

Apr.03,2021

eject you can view the configuration.

see if the scaffolding can meet your needs. If you can't meet all your requirements, of course you have to modify or add

.

your understanding is correct.

it's hard to say about what to use.

if the company has a scaffolding system, it is recommended to use the company's scaffolding system, which can ensure the unity of the style of each business line.
if not, try to refer to what the company already has. If the company's existing one is relatively old or has no reference value, it is recommended to write or use scaffolding.

my suggestion is to use the official scaffolding and then make some changes to meet the business needs.

Previous: Pull third-party data to your own database and store it with a high probability of prompting rpc error: code = ResourceExhausted

Next: Webpack 4.x how to package multi-page files (no vue react)

React uses axios to call the background data. After success, how to jump to the page based on the returned value?
1. Write the landing page with react, after calling the background data with axios, judge the route of the page to jump according to the return value, how to jump? 2.axios.get ( login login.action?username= +name+ &password= +pd, {) timeout: 1000...

React.js axios

Feb.26,2021
Can an array in react state be bound to a dom state using an element in the array?
setting in state: this.state = {checkList: []}; checkList initializes it with an array of the same length as JsonPage: this.setState ({checkList:checkSaveCount}); checkSavaCount is the same length as the following JsonPage. the following creates...

Create-react-app antdesign react.js

Feb.26,2021
React Project Cannot add property style, object is not extensible
import React from react ; class PublicScreen extends React.Component { constructor(props) { super(props); this.getStyle = this.getStyle.bind(this); } getStyle() { const { width = 1920, height = 1080 } = this.pr...

React.js es6

Feb.26,2021
How to put the component from const into return?
renderdphtmldvareturnapiBackend: apiBackend ...

Dva.js react.js

Feb.26,2021
React projects cannot save store? using redux, data
react projects cannot save store? using redux, data index.js ReactDOM.render( <Provider store={store}> <Router > < Provider>, document.getElementById( root )) registerServiceWorker() actions export const SET_USER = ...

Javascript react.js redux

Feb.26,2021
In learning react, I encountered the function super.
this method is included in the constructor of most components, so what exactly is this method for constructor(props,context){ super(props,context) } ...

React.js html5

Feb.26,2021
How to cancel the page change or refresh of react Antd Design table checkbox
use the Table component of Antd Design, first check out the data, and then select a CheckBox, but when you change pages, that CheckBox will not disappear. For example, when I select the first line on the first page, and then skip to the second page, the ...

Antdesign react.js javascript

Feb.26,2021
There is a problem with the operation of React after packaging.
I can run before packaging without any error reports. This problem occurs after packaging. reports such an error in the browser, using scaffolding made by create-react-app, and the back end is Node.js, backend. No error is reported: packages two diff...

Node.js react.js express javascript

Feb.26,2021
My websocket can only accept data on newly opened pages.
segmentfault dvaws.open().websocketwebsocketws ws.openfetchGETloginsendfetchCOOKIECOOKIEFETCHCOOKIECOOKIE ...

Websocket react.js

Feb.26,2021
How to get the name of input by embedding input in ant design table
...

Antdesign antd react.js

Feb.26,2021
How to generate dom recursively from json by react.createElement
now we need to develop a website to generate front-end pages based on the node ID saved in the database. For example, the json data is: let data=[ {"id":1,"pid":0,"type":"div"}, {"id":2,"pi...

Createelement react.js

Feb.26,2021
React two unrelated components how does component 2 change when component 1 changes a state
I pass values through redux scenario is when I click on the navigation bar of component 1 and refresh the ajax of component 2 is the data returned by ajax accepted by this.state.contnet what should I write? There is an urgent need for ideas. ...

Redux react.js

Feb.26,2021
React Daily questions the use of, antd select components
official example of full copy: this is the official sample code: import { Select } from antd ; const Option = Select.Option; function handleChange(value) { console.log(`selected ${value}`); } ReactDOM.render( <div> <Select defaul...

Antdesign react.js

Feb.26,2021
How does react change the value of input
how to use react to change the value of Input < hr > export default class myForm extends Component{ constructor(props){ super(props); this.state = { id: , }; } change=()=>{ var idIn...

Javascript react.js

Feb.26,2021
What if you want to make the project adaptive in the react project?
want to set the meta tag to solve the adaptive problem <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> meta LOGO ...

Html react.js

Feb.26,2021
The option of select cannot be rendered by callback.
use list as the option data source for Select, but use callback, which cannot be rendered. Just call it directly, as shown in the figure below. The first method is fine, and the second is not. Because there are many Select, on a page, you need to use th...

React.js antdesign

Feb.26,2021
Webpack package react, error its MIME type ('text/html') is not executable
< H1 > github address < H1 > error will be reported when using npm run dev const path = require( path ); const merge = require( webpack-merge ); const common = require( . webpack.common.js ); dev-server let BundleAnalyzerPlugin = require( ...

React.js webpack

Feb.26,2021
In the React project, a piece of code is optimized.
import React from react ; import ReactDOM from react-dom ; import . assets styles index.less ; import Green from . assets images green.png ; import Red from . assets images red.png ; class Circle extends React.Component { constructor...

Es6 react.js

Feb.26,2021
A little doubt about reading the official documents of React
There are two areas in the State and Lifecycle section that I don t quite understand 1. State Updates are Merged The merging is shallow, so this.setState ({comments}) leaves this.state.posts intact, but completely replaces this.state.comments. ...

React.js javascript

Feb.26,2021
The elements in an array are all arrays. How do you merge all the elements in an array into one array?
like this [array [xxx], array [xxx], array [xxx].] merge all xxx in array into one array [xxx.] ...

Node.js react.js vue.js javascript

Feb.26,2021

Menu