简介

VanillaDesign是一个超轻量、超高性能的React组件库。VanillaDesign团队以体积和性能为抓手，并将nocode作为指点思维和方法论给VanillaDesign组件库赋能，大大优化了VanillaDesign的安保性和可保养性。

装置

你只有口头如下指令，便可在你的React运行中经常使用VanillaDesign：

npminstallvanilla-design

极速上手

VanillaDesign努力于为开发者提供优越的开发体验。你可以以极小的老本接入VanillaDesign。

经常使用VanillaDesign

首先，咱们须要在运行的最外层引入VanillaDesign的样式：

import"vanilla-design/styles.";

接上去，咱们便可以欢快地经常使用VanillaDesign提供的一切组件了：

import{div}from"vanilla-design";import"vanilla-design/styles.css";functionApp(){return<div>AwesomeVanillaDesign!</div>}

什么？你感觉这不够React？没相关，咱们曾经充沛思考到了开发者的习气。VanillaDesign提供了另一种引入组件的方式：

import{Div}from"vanilla-design";import"vanilla-design/styles.css";functionApp(){return<Div>AwesomeVanillaDesign!</Div>}

wow，这很React。

按需加载

作为一个高性能的组件库，按需加载是必无法少的。不同于其余UI库，VanillaDesign曾经把按需加载做到极致：

css按需加载

假设你的指导不审核代码量，你可以齐全省略引入样式:

import{Div}from"vanilla-design";//import"vanilla-design/styles.css";间接注释掉这一行即可functionApp(){return<Div>AwesomeVanillaDesign!</Div>}

组件按需加载

雷同地，假设你以小写方式经常使用VanillaDesign，你甚至不须要做任何引入，你的代码可以被简化为：

//import{Div}from"vanilla-design";间接注释掉这一行即可//import"vanilla-design/styles.css";间接注释掉这一行即可functionApp(){return<div>AwesomeVanillaDesign!</div>}

这是不是很酷呢？

谁在经常使用？

虽然大少数公司都没有申明，但它们都经常使用了VanillaDesign，或基于VanillaDesign定制化组件库：

FacebookYahooWikipediaAmazonLinkedInMSNeBayMicrosoftApplePinterestPayPalRedditflixStackOverflow...

这些公司理论会将VanillaDesign和VanillaJS一同经常使用，从而大大优化开发效率。

何时经常使用？

很多场景下，经常使用VanillaDesign都是一种极佳的选用：

移动webapp前端ui用哪个框架好

作为一个伪FEEer，尝试着回答一下。 UI的话，分为基础样式和基础组件两部分。 基础样式:建议这一部分可以用一些轻量级的库如Purecss，采用其Grid的部分即可，需要定制的部分，建议自行配置，或者是直接采用，这样的栅格来处理。 基础组件:基础组件主要是button,input,form等，可以看到很多的组件库，按照需要选择一部分，在做下自定义修改配色，阴影，边框什么的，动画的话就用吧。 交互设计:是webapp的难点和问题所在，个人建议，在移动端还是尽可能的减少复杂的交互内容，更多的做内容呈现和基础的功能实现（考虑兼容问题和移动网络流量，移动网络质量等因素）附加内容:响应式设计也是要分场合的，在简单的内容呈现如博客，可以考虑响应式，不过针对业务系统，还是建议做一套移动版本和对应的桌面版本，这是个人的一些看法，希望有用。

web前端开发需要掌握的几个必备技术

web前端开发需要掌握的技术有以下8个方面：1.前端核心基础HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和BOM编程、jQuery框架5 + CSS3 + 移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练3.移动端移动端核心、移动端适配、移动端特效4.服务器端服务器端开发、数据库操作、前后端交互核心、微信公众号开发高级JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、JavaScript函数式编程、JavaScript设计模式6.前端必备性能优化、版本控制工具、模块化、项目构建工具7.高级框架React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析8.小程序原生小程序入门、原生小程序API使用、小程序框架Mpvue