Frontend Learning Book

• Next.js

  Post in 三 31 八月 2022

  nextjs12.x 集成 less

  1）安装依赖

  npm install next-plugin-antd-less
  npm install classnames
  npm install less-loader
  

  2）在next.config.js中加配置

  const withAntdLess …

  ---

• JEST

  Post in 四 20 八月 2020

  umi test --coverage
  umi test --watch
  umi test \allWorkbooks
  

  // index.test.tsx
  import 'jest';
  import Index from '..';
  import React from 'react';
  import renderer, { ReactTestInstance, ReactTestRenderer } from 'react-test-renderer';
  
  describe('Page: index …

  ---

• React-Admin — Admin

  Post in 六 21 九月 2019

  The component creates an application with its own state, routing, and controller logic. requires only a dataProvider prop, and at least one child to work:

  const App = () => (
      <Admin dataProvider={simpleRestProvider …

  ---

• React-Admin — Data Provider

  Post in 六 21 九月 2019

  Action	Expected API request
  Get list	GET http://my.api.url/posts?sort=[‘title’,’ASC’]
  Get one record	GET http://my.api.url/posts/123
  Get several records	GET http …

  ---

• React-Admin — Resource

  Post in 六 21 九月 2019

  Resource allows you to define a component for each CRUD operation, using the following prop names:

  • list (if defined, the resource is displayed on the Menu)
  • create
  • edit
  • show

  import …

  ---

• React-Admin

  Post in 二 10 九月 2019

  Setting Up

  npm install -g create-react-app
  create-react-app test-admin
  cd test-admin/
  yarn add react-admin ra-data-json-server prop-types
  yarn start
  

  Data Provider …

  ---

• React Hook

  Post in 六 07 九月 2019

  React 16.8.0 是第一个支持Hook的版本。React Native 从0.59版本开始支持 Hook。

  Why react hook ?

  ---

  在 …

  ---

• React in ES6

  Post in 六 17 八月 2019

  导出

  React.DOM.a({
    onClick:this._download.bind(this, 'CSV'),
    href: 'data.csv'
  }, 'Export CSV');
  

  展开运算符

  var attr = {
    href: 'http://example.org',
    target: '_blank',
  };
  return …

  ---

• React 路由

  Post in 六 17 八月 2019

  前端路由每次访问一个新页面的时候都要向服务器发送请求，然后服务 …

  ---

• React 常用组件

  Post in 六 03 八月 2019

  按钮组件

  • 样式：允许使用者自行定义并作为属性传入，若不传需提供默认 …

  ---

Page 1 / 2 »