Welche Nachteile hat die Verwendung einer großen React-Komponente?Was sind die Nachteile einer großen React-Komponente?
Ich habe eine lange Erfahrung mit Webpack, browserify, AngularJS, ES6, NPM und anderen ähnlichen Web-Framework. Ich bin neu in Reaktion.
Ich möchte eine einzelne Seite App in React erstellen. Ich will oder brauche keine Tests. Ich brauche keine Team-Freunde, um daran zu arbeiten. Ich muss die Produktentwicklung nur so schnell wie möglich machen. Mach das Ding funktioniert. Sie können es MVP nennen. Sie können es type lessm oder smart development nennen. Wenn es in Zukunft gut läuft, kann ich das Projekt umgestalten. Ich bin der einzige Entwickler, der daran arbeitet. Ich mache mir keine Sorgen über Performance-Problem (wenn es nur wenige ms ist)
Die Frage ist: Alle Artikel sollen so viel wie möglich viele und kleine React-Komponenten machen. In separaten Dateien. Sie können das React-Starter-Kit sehen. Es ist riesig.
Sie können sehen, dass jede Komponente eine separate Datei ist.Es gibt große webpack.config.js Datei. Jede Komponente importiert viele andere Dinge. Wenn ich auch Redux möchte, muss ich den Laden importieren und connect
auf jeder Komponente machen. Ich möchte einen anderen Ansatz nehmen. Ich möchte React & Redux verwenden. Aber nur mit einer Komponente. Jedes innere Element kann Ereignisse absetzen oder ausführen.
Gibt es irgendwelche Probleme in der Zukunft, an die ich nicht denke?
HTML:
<html><head><body></body></html>
JavaScript:
App=React.createClass(function(){
getInitialState:function(){
return {
openMore:'block'
}
},
openMore:function(){
this.setState({openMore:'visible'})
},
render:function(){
return (
<div>
I want to put all the HTML of the app
<span>
In one component that do everything.
<button onClick={this.openMore}>More Info</button>
<span> This way I beleive I will need to type less for development</span>
<b style={{display:this.getState().openMore}}>What are the disadvance of this?</b>
</span>
</div>
)
}
})
ReactDOM.render(App,document.getElementsByTagName('body')[0])
meinst du neben eine monolythic große datei hard ton navigieren? – sylvain
Ist es nicht der Sinn von React, kleine Komponenten zu bauen, um etwas Größeres zu bauen? Sie alle in der Datei zu haben ist ziemlich kontraproduktiv. – Li357