{"id":94,"date":"2020-12-27T22:41:03","date_gmt":"2020-12-27T21:41:03","guid":{"rendered":"https:\/\/devowl.io\/?page_id=94"},"modified":"2021-03-03T21:02:42","modified_gmt":"2021-03-03T20:02:42","slug":"wp-react-starter","status":"publish","type":"page","link":"https:\/\/devowl.io\/de\/wp-react-starter\/","title":{"rendered":"WP React Starter"},"content":{"rendered":"
\"WP<\/div><\/div>

WP React Starter<\/h1>\n<\/div><\/div><\/div><\/div><\/div><\/div>

Boilerplate f\u00fcr die professionelle WordPress Plugin Entwicklung.<\/p>\n<\/div><\/div>

Erstelle (mehrere) WordPress-Plugins, die React, TypeScript<\/strong> und objektorientiertes PHP<\/strong> in einer vollst\u00e4ndig anpassbaren Docker-Entwicklungsumgebung verwenden und in einem Monorepo<\/strong> verwaltet werden.<\/p>\n<\/div><\/div>

Beginne kostenlos zu entwickeln<\/span><\/a><\/div><\/div><\/div><\/div>
\"Screenshot<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

WordPress-Plugin Entwicklung kann Spa\u00df machen<\/h2>\n

Das sagten uns alle: WordPress-Plugins sind ein Horror.<\/strong> Unsere Antwort lautet immer: Lass uns diese Gelegenheit nutzen,<\/strong> um das System, das jede dritte Website im Internet betreibt, zu verbessern.<\/p>\n

Mit WP React Starter haben wir ein modernes WordPress Plugin Boilerplate<\/strong> geschaffen, das alles enth\u00e4lt, was du von modernen Webentwicklungsprojekten gewohnt bist.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

\"React\"<\/div><\/div>

React<\/h3>\n

Modernes React-Frontend f\u00fcr reaktive Benutzeroberfl\u00e4chen (mit PHP-Fallback f\u00fcr serverseitiges Rendering) automatisch f\u00fcr deine Plugins integriert. Wusstest du, dass React seit dem Release von Gutenberg ein Teil von WordPress ist?<\/p>\n<\/div><\/div><\/div><\/div><\/div>

\"\"<\/div><\/div>

TypeScript<\/h3>\n

Wir m\u00f6gen JavaScript, aber noch mehr lieben wir typsichere Sprachen. TypeScript bietet beides f\u00fcr die Frontend-Entwicklung. Schreibe fehlerresistenteren Frontend-Code, fange Fehler w\u00e4hrend der Entwicklung ab und habe weniger Supportaufwand.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

\"\"<\/div><\/div>

PHP<\/h3>\n

Standardm\u00e4\u00dfig wird dein PHP-Backend-Code in einem objektorientierten Stil mit Namespaces geschrieben. H\u00f6re auf, reinen prozeduralen Code zu schreiben, der unordentlich, weniger testbar und schwer zu warten ist. Es ist Zeit f\u00fcr hochwertigen PHP Code!<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

\"Docker\"<\/div><\/div>

Docker<\/h3>\n

Verwende eine moderne Entwicklungsumgebung, um alle deine Plugins ohne manuelle Einrichtungsschritte zu entwickeln. Befreie dich von zeitraubender Arbeit, wenn du deine lokale WordPress-Instanz versaut hast und installiere sie einfach immer wieder neu.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

\"Gitlab\"<\/div><\/div>

CI\/CD with GitLab<\/h3>\n

Automatisierte Code-Qualit\u00e4tspr\u00fcfungen und Release-Management out of the box. Alles, was du bisher immer manuell gemacht hast - Linting, Testausf\u00fchrung, Builds, Versionsverwaltung und Deployment - ist bereits eingerichtet.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

Klingt das nach einer beschissenen WordPress-Plugin Entwicklung oder danach, was du eigentlich schon lange f\u00fcr deine Plugins suchst? Lass uns heute mit deinem ersten WordPress-Plugin beginnen! Erstelle es innerhalb von 5 Minuten, dank unserer CLI create-wp-react-app<\/a><\/strong><\/p>\n<\/div><\/div>

\nhttps:\/\/devowl.io\/wp-content\/uploads\/developer-tools\/wp-react-starter\/create-wp-react-app-promt.mp4<\/a><\/video><\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

Features<\/h2>\n

Ein modernes WordPress-Plugin Boilerplate ben\u00f6tigt viele Features.<\/strong> Wir stellen das f\u00fcr dich bereit, ohne den Einrichtungsaufwand!<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

\n
\n\t<\/i>\n<\/div><\/div><\/div>

Clientseitige Features<\/h3>\n

Heutzutage bedeutet clientseitige Entwicklung nicht mehr jQuery, sondern reaktive Software-Entwicklung. Im Falle von WordPress solltest du React verwenden. Dar\u00fcber hinaus musst du ein ganzes \u00d6kosystem einrichten, wie z.B. einen Bundler, State Management, Mehrsprachenunterst\u00fctzung, Style-Pr\u00e4prozessor, automatisierte Scripts, Liniting und Dokumentationsgeneratoren<\/strong>. WP React Starter bringt diese Features und mehr in jedes Plugin.<\/p>\n<\/div><\/div>

Alle clientseitige Features ansehen (Englisch)<\/span><\/a><\/div><\/div><\/div><\/div>
\n
\n\t<\/i>\n<\/div><\/div><\/div>

Serverseitige Features<\/h3>\n

PHP f\u00fcr WordPress ist leicht zu erlernen, aber auf lange Sicht schwer zu beherrschen. Zumindest wenn man versucht, sauberen Code zu schreiben. WP React Starter ist vollst\u00e4ndig im OOP-Stil geschrieben und bietet eine Grundstruktur f\u00fcr jedes Plugin. Es bietet au\u00dferdem Unterst\u00fctzung f\u00fcr Namespaces, Autoloading, einen Paketmanager und Cache, Code Prettifying, Debugging-M\u00f6glichkeiten und automatisierte Dokumentationswerkzeuge.<\/strong> Was brauchst du noch, um sch\u00f6nen PHP-Code zu schreiben?<\/p>\n<\/div><\/div>

Alle serverseitige Features ansehen (Englisch)<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/section>
\n
\n\t<\/i>\n<\/div><\/div><\/div>

Softwaretest Features<\/h3>\n

Du kannst heute eine Menge Features schreiben, aber wenn sie nicht von automatisierten Tests abgedeckt werden, sind sie morgen vielleicht schon Schrott. Automatisierte Tests wie Unit-Tests, Integrationstests, Snapshot-Tests und End-to-End-Tests sind in der modernen Software-Entwicklung unverzichtbare Werkzeuge, um die Qualit\u00e4t deiner Software sicherzustellen. Aus diesem Grund sind integriertes Test-Frameworks mit Best Practices f\u00fcr die g\u00e4ngigsten Testtypen eingebaut<\/strong> und in einen zuverl\u00e4ssigen Continuous Integration Prozess integriert.<\/p>\n<\/div><\/div>

Alle Softwaretest Features entdeckten (Englisch)<\/span><\/a><\/div><\/div><\/div><\/div>
\n
\n\t<\/i>\n<\/div><\/div><\/div>

Automatisierungs Features<\/h3>\n

Wir hassen repetitive Arbeit! Du auch? Dann haben wir f\u00fcr dich ein automatisiertes End-to-End-Workspace-Setup, die automatische Erstellung neuer Plugins in einem Monorepo und wiederverwendbaren Frontend- und Backend-Code als private Pakete. Dar\u00fcber hinaus kann ein ordentlicher CI\/CD-Prozess innerhalb von GitLab CI automatisch alles ausf\u00fchren, was du bisher manuell gemacht hast<\/strong>, wie z.B. Liniting, Testen, Lizenzpr\u00fcfung, Bundling, Release-Management und die Ver\u00f6ffentlichung auf wordpress.org.<\/p>\n<\/div><\/div>

Alle Automatisierungs Features erkunden (Englisch)<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/section>
\n
\n\t<\/i>\n<\/div><\/div><\/div>

Entwickler-Erfahrung Features<\/h3>\n

Das allt\u00e4gliche Programmieren bedeutet, dass dies dein zweites Zuhause ist und du dich in dieser Umgebung wohl f\u00fchlen sollten. Aus diesem Grund haben wir Codeformatierung beim Speichern, ein vorinstalliertes Debugging-Tool, automatische Skripte \u00fcber Git-Hooks, Commit-Linting, semantische Versionierung, Changelog-Generierung<\/strong> und vieles mehr eingebaut. Alles integriert mit Visual Studio Code, einer Docker Laufzeitumgebung und Review Apps zum Testen vor dem Mergen. So komfortabel sollte sich jedes zweite Zuhause f\u00fchlen!<\/p>\n<\/div><\/div>

Lese \u00fcber alle Automatisierungs Features (Englisch)<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

Anwendungsf\u00e4lle<\/h2>\n

WP React Starter klingt nach einem tollen Boilerplate, aber du bist dir nicht sicher, ob es f\u00fcr deinen Zweck geeignet ist? Wir haben bereits \u00fcber 15.000 Kunden, die mit WP React Starter erstellte Plugins verwenden.<\/strong> Du kannst kostenlose, kostenpflichtige und Freemium WordPress-Plugins <\/strong> sowie wiederverwendbare JavaScript-Pakete und wiederverwendbare PHP-Pakete erstellen.<\/p>\n<\/div><\/div>

Konkrete Anwendungsbeispiele ansehen<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

Dokumentation<\/h2>\n

Du wei\u00dft es, Dokumentation ist der Schl\u00fcssel zum sinnvollen Einsatz eines Software-Entwicklungswerkzeugs. Wir haben unser Bestes getan, um eine umfassende Dokumentation \u00fcber die Kernstruktur von WP React Starter bereitzustellen. Starte dein eigenes WordPress-Plugin in nur f\u00fcnf Minuten.<\/strong><\/p>\n

Wenn du ein fortgeschrittenes Niveau erreicht hast, findest du n\u00fctzliche Links zu in WP React Starter verwendeten Tools in der Dokumentation. Wir versuchen, im Laufe der Zeit mehr Artikel zu schreiben und freuen uns \u00fcber deine Unterst\u00fctzung.<\/p>\n<\/div><\/div>

Leitfaden f\u00fcr den Einstieg (Englisch)<\/span><\/a><\/div><\/div><\/div><\/div>
Vollst\u00e4ndige Dokumentation (Englisch)<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>

Support<\/h2>\n

Wir setzen WP React Starter in unserem Tagesgesch\u00e4ft ein und haben einen \u00dcberblick \u00fcber alle Winkel des Boilerplates. Wenn du ein Entwickler bist und Fragen dazu hast, kannst du gerne eine GitHub Issue \u00f6ffnen.<\/strong> Wir versuchen, jedem zu helfen und das \u00f6ffentliche Boilerplate zu verbessern.<\/p>\n

Wenn eine Frage spezifisch f\u00fcr dein Produkt ist und nicht \u00f6ffentlich sein soll, \u00f6ffne bitte ein Support-Ticket.<\/strong> Wir bieten deinem Unternehmen Consulting Services an, um deine Entwickler auf das n\u00e4chste Level zu bringen.<\/p>\n<\/div><\/div>

GitHub Issue \u00f6ffnen (Englisch)<\/span><\/a><\/div><\/div><\/div><\/div>
Support Ticket \u00f6ffnen<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

Lizenzierung<\/h2>\n

WP React Starter wurde \u00fcber Jahre hinweg organisch entwickelt, und wir von devowl.io bringen unsere gesamte Erfahrung aus Bestseller-Plugins wie Real Media Library<\/a> sowie Kundenauftr\u00e4ge zur Webentwicklung in dieses Projekt ein. Mit WP React Starter erh\u00e4ltst du kostenlos Dutzende hundert Arbeitsstunden komprimiert in einer einfachen L\u00f6sung.<\/strong><\/p>\n

WP React Starter ist teilweise unter der General Public License v3.0 oder neuer<\/em> und teilweise unter der ISC License<\/em> lizenziert. In der Praxis bedeutet das, dass der Build der WordPress Plugins, die du mit WP React Starter erstellst, nur unter der GNU General Public License v3.0 oder neuer lizenziert ist. Die meisten oder alle Devtools sind unter der ISC Lizenz lizenziert.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

<\/div>

Konzentriere dich auf das, was wirklich z\u00e4hlt<\/h2>\n

Liefere Features in deinen WordPress-Plugins schnell mit zuverl\u00e4ssigem Code und automatisierten Prozessen aus. Du brauchst dir keine Sorgen \u00fcber die \"Raketenwissenschaft\" hinter diesem Boilerplate zu machen. Wir versprechen, dass wir uns f\u00fcr dich darum k\u00fcmmern werden! Ganz einfach, weil auch unsere eigenen Produkte davon abh\u00e4ngen.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>","protected":false},"excerpt":{"rendered":"WP React Starter Boilerplate for professional WordPress plugin development. Create (multiple) WordPress plugins that use React, TypeScript, and object-oriented PHP in a fully customizable Docker development environment, commited in a monorepo. Start developing for freeWordPress plugin development can be fun Everyone tells us: WordPress plugins are a mess. Our answer is always: Let\u2019s take this...","protected":false},"author":1,"featured_media":219,"parent":0,"menu_order":23,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"WP React Starter: WordPress Plugin Boilerplate with React","_seopress_titles_desc":"WordPress plugin boilerplate that use React, TypeScript, and object-oriented PHP in a fully customizable Docker development environment, commited in a monorepo.","_seopress_robots_index":"","inline_featured_image":false,"restrictTranslations":["en_US","de_DE"],"footnotes":""},"class_list":["post-94","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":2,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":227352,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/pages\/94\/revisions\/227352"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media\/219"}],"wp:attachment":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}