magento2普通主题开发与pwa主题开发所需技能对比

3.51K 浏览M2插件和模版分享区

magento2普通主题开发与pwa主题开发所需技能对比

总的来说,pwa对前端开发人员更友好,也更现代化,或许可以降低前端开发难度。让前后端完全分开了,pwa主题数据完全用api跟m2系统交互。


注意:

pwa主题不是传统的luma/blank主题,他不在2.3.0的代码里,不是magento2.3.0代码的一部分。是独立分开的,通过UPWARD中间件与Magento2.3.0通信的独立实例。

也就是说你可以直接在本地电脑调试,通过api读取m2服务器数据。

你需要另外安装PWA Studio套件

git clone https://github.com/magento-research/pwa-studio.git

安装教程见

https://magento-research.github.io/pwa-studio/venia-pwa-concept/setup/


Required skillset

The skillset required to work with Magento themes is different from the skillset required for a PWA storefront because of the technologies used in each approach.

Magento frontend developers (普通主题开发)

In addition to knowing standard JS libraries, such as jQuery and KnockoutJS, Magento theme developers need general knowledge about Magento component development and specialized knowledge about its templating and layout system.

The following table is a summary of general skills needed for Magento theme development:

Skill Description
PHP The primary language of the Magento codebase
Javascript (JS) Core web language
jQuery A JS library used for things such as DOM manipulations
KnockoutJS JS framework used for binding data models to the UI
Cascading Style Sheets (CSS) Defines the style for a websites
Leaner Style Sheets (Less) Language extension for CSS
XML Format used by Magento for configuration and layout
Magento layouts Layouts represent the structure for a page
Magento templates Templates define how layout blocks are presented on a page
Magento UI library Frontend library for Magento theme developers
Magento UI components Another frontend library for Magento theme developers
Composer Package and dependency manager

Magento PWA storefront developers (pwa主题开发)

The barrier for entry for a PWA Studio developer is lower than a Magento theme developer. PWA Studio development requires less Magento-specific knowledge to create a custom storefront, and the tools and concepts it uses are more common and standard among the general front-end developer community.

The following table is a summary of general skills needed for PWA storefront development:

Skill Description
Javascript (JS) Core web language
React A JS library for building user interfaces
Redux A JS library for handling application state
GraphQL An API query language
webpack Project assets bundler
Cascading Style Sheets (CSS) Defines the style for a websites
CSS modules Locally scoped style definitions
Javascript Object Notation (JSON) Data-interchange format
Peregrine React components library provided by the PWA Studio
NPM JS package and dependency manager

性能是PWA的重要指标。使用GraphQL可以减少服务器调用的数量和返回的数据量来改善这一点。

https://magento-research.github.io/pwa-studio/technologies/theme-vs-storefront/

最后于 4月前 被admin编辑 ,原因:
0