This means it can support all scaffolding.
#PHONECLEAN PRO 4.0.0 CODE#
Maybe your code has been in shape for a long time, but it doesn’t matter, you can also access it quickly. Now it re-debuts as a package, retaining almost all of its original features! Just use a few lines of code: import ProLayout from render( } layout="sidemenu" navTheme="dark" fixSiderbar locale="zh-CN" />, document.getElementById('root')) In order to solve these problems, we extracted the layout in v4.
#PHONECLEAN PRO 4.0.0 UPGRADE#
Not to mention the cumbersome upgrade method, almost no users will upgrade the layout when the performance is normal. For developers, may only focus on the display effect, but in order to modify a small place may need to jump in several files, but also need to carefully observe the flow of data. Although Layout seems to be just a UI, the logic is spread across multiple files. Even worse, we exposed all the code details to every user. Even a new to the front end developer can also quickly build a framework for his project.īut the power is also cumbersome. For example, automatically generated menus, breadcrumbs and a variety of beautiful layouts. Pro’s Layout has a lot of great features.
Most of the reference pages are not necessarily used, but Layout is definitely reserved 😁. In the v2 version, the process for starting a new project is generally: We strongly recommend that you give priority to using TypeScript. 👎 JavaScript loses a lot of features and is not friendly enough for editors. You can choose JavaScript scaffolding when you initialize your project. To do this better, TypeScript is an essential part.įor non-Typescript users, we also provide an additional version of JavaScript. You can get started quickly, develop quickly, and use the same abstract model and code style. We hope that one day when you take over the project, you will find that it uses Pro’s scaffolding to make you feel at ease. For example, upgrading to if you don’t have TypeScript, it’s hard to imagine how much psychological pressure you have to take when you go online. Refactoring can cause type errors that can be discovered at development time. TypeScript’s static type checking will make you more productive when you take over a less robust legacy code. The greater advantage of TypeScript is that it simplifies the difficulty of refactoring. Because the type can be used as a document under certain circumstances. Even better, because of its powerful type of expressiveness, you can read an old project more easily. It can also eliminate the wrong parameters, or misspelling variable names. TypeScript is incredibly effective for development, and a good ecology can greatly reduce the time of your query API. In v4, both scaffolding and blocks are refactored with TypeScript. If you modified the original BasicLayout, remember to apply the changed logic to the replaced file. Replace it with the new version of BasicLayout.tsx. Under the src/layouts directory, remove BasicLayout.js and BasicLayout.less. You can choose to replace it with the latest one. In Ant Design Pro 4.0, we striped the Layout into separate component. ✨ Upgrade to v4Īnt Design Pro 4.0 is compatible with all the features of 2.0, and there is no need to make any changes to upgrade from 2.0 to 4.0. The Ant Design Pro scaffolding will be installed automatically. app - Create project with a simple boilerplate, support typescript.
🚀 Quick StartĬreate a new empty folder as the project directory and execute follow command in it: yarn create umi // or npm create umiĬhoose ant-design-pro: Select the boilerplate type (Use arrow keys) ❯ ant-design-pro - Create project with an layout-only ant-design-pro boilerplate, use together with umi block. At the same time, we also brought new ways to create projects, significantly reducing redundant code. We bring TypeScript, Layout component, blocks and move components from Pro to Ant Design. V4 is our latest attempt to meet the challenge. Serverless is in the ascendant, and the cloud on the front end is still being explored with new challenges every day. Hundreds of pages like Alibaba Cloud’s console will have more and more collaborative projects. With the complexity of the business, the micro-front end has come to the fore.
At the same time, the entire front-end industry is also changing.
#PHONECLEAN PRO 4.0.0 HOW TO#
During this time we have encountered many pain points using Pro and are also thinking about how to solve these problems. We keep updating, but most of them are focused on bug fix. It has been 8 months since the last release of Pro.
0 kommentar(er)
