|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/der-solidjs-praxiskurs/
课程评论：没有评论
课程名称：Solid JS 实践课程 课程概述：React JS是最知名的网页应用反应式框架，但在大型项目、复杂组件和复杂交互中，性能优化往往造成挑战，因为React使用虚拟DOM，这使得渲染和浏览器DOM的比较变得复杂。SolidJS采用了类似于React的方法，并使用了JSX作为用户界面描述语言，但不使用虚拟DOM，而是直接在浏览器DOM中进行更新，这种更新是非常有针对性的，仅针对真正受状态改变影响的元素。这个原则减少了过多的开销，相比于React的虚拟DOM机制，SolidJS的工作原理更易于理解。结果是显著提高了性能，且需要编写的代码更简单。 在本课程中，我将通过三个实用的应用程序，展示如何使用SolidJS创建和优化网页应用。课程将逐步介绍SolidJS应用的组成部分，包括组件创建、JSX、信号/商店以及访问DOM元素等。完成课程后，参与者将能够使用SolidJS创建简单到中等复杂度的应用程序。对于有React经验的学员来说，由于一些概念相似，会有一定的时间优势，而没有React知识的参与者也将得到相应的指导，帮助他们理解SolidJS中的机制。
React JS ist das bekannteste reaktive Framework für Web-Anwendungen. Doch bei größeren Projekten, vielen verschachtelten Komponenten und komplexen Interaktionen kann die Optimierung der Performance eine Herausforderung sein, da React einen virtuellen DOM verwendet, der zuerst gerendert und dann mit dem Browser-DOM abgeglichen wird. Das macht die Mechanismen dahinter schwerer verständlich und somit auch die Optimierung aufwändiger und schwieriger. SolidJS geht einen ähnlichen Weg wie React und verwendet sogar ebenso JSX als UI-Beschreibungssprache. Es kommt aber ohne virtuellen DOM aus und führt Aktualisierungen direkt im Browser-DOM aus und das auch noch sehr zielgerichtet und feingranular nur für die Elemente, die wirklich von einer Zustandsänderung betroffen sind. Das Prinzip kommt ohne großen Overhead aus und ist wesentlich leichter zu verstehen als Reacts Virtuelle-DOM-Magie. Das Resultat ist eine wesentlich bessere Performance und einfacherer Code, der geschrieben werden muss. In diesem Kurs zeige ich anhand von drei praktischen Apps, wie man mit SolidJS Web-Apps erstellen und optimieren kann. Dabei wird Schritt für Schritt auf die Bestandteile einer SolidJS-App eingegangen, ausgehend von der Komponentenerstellung, über JSX und Signale/Stores bis hin zum Zugriff auf DOM-Elemente. Nach dem Kurs werden die Teilnehmer einfache bis mittelkomplexe Apps mit SolidJS erstellen können. Wer schon React kann, hat einen gewissen Zeitvorteil, da einige Konzepte ähnlich sind, Teilnehmer ohne React-Kenntnisse werden aber genauso abgeholt und an die Mechanismen in SolidJS herangeführt.
