A starter-kit for TDesign React UI components

Last update: Jun 12, 2022

TDesign Logo

node compatility License

项目简介

TDesign React Starter 是一个基于 tdesign-react,使用 ReactVite2开发,可进行个性化主题配置,旨在提供项目开箱即用的、配置式的中后台项目。

特性

  • 内置多种常用的中后台页面
  • 完善的目录结构
  • 完善的代码规范配置
  • 支持暗黑模式
  • 自定义主题颜色
  • 多种空间布局
  • 内置 Mock 数据方案

开发

## 安装依赖
npm install

## 启动项目
npm run dev

构建

## 构建正式环境
npm run build

## 构建测试环境
npm run build:test

其他

## 预览构建产物
npm run preview

## 代码格式检查
npm run lint

## 代码格式检查与自动修复
npm run lint:fix

如何贡献

非常欢迎您的贡献!提交您的 Issue 或者提交 Pull Request

Pull Request

  1. Fork 代码!
  2. 创建自己的分支: git checkout -b feat/xxxx
  3. 提交你的修改: git commit -a 'feat(project): describe'
  4. 推送您的分支: git push origin feat/xxxx
  5. 提交 pull request

贡献提交规范

兼容性

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Edge >=84 Firefox >=83 Chrome >=84 Safari >=14.1

License

MIT

GitHub

https://github.com/Tencent/tdesign-react-starter
Comments
  • 1. github workflows 问题请教

    您好,我复用了您的 issue-assignees.temp.yml 文件,发现几个问题,想向您请教一下。 问题一:我如何才能获取到随机指定的 assignees 并添加到 steps.contributors.outputs.string 位置呢?

    body: |
                ♥️ 有劳 ${{ steps.contributors.outputs.string }} 尽快确认问题。
                确认有效后将下一步计划和可能需要的时间回复给 @${{ github.event.issue.user.login }} 。
    

    问题二: 编写好的脚本如何本地自测呢? 问题三: 您编写的脚本会给开发者连续发两次邮件提示,如何能合并为一个呢?

    Reviewed by jincheny at 2022-05-20 10:55
  • 2. [组件名称] 描述问题的标题

    tdesign 版本

    last

    重现链接

    https://tdesign.tencent.com/starter/react/#/dashboard/base

    重现步骤

    TDesign Starter 首页 》 销售渠道 悬停在蓝色块区域 会有文字重叠

    期望结果

    TDesign Starter 首页 》 销售渠道 悬停在蓝色块区域 会有文字重叠

    实际结果

    TDesign Starter 首页 》 销售渠道 悬停在蓝色块区域 会有文字重叠

    框架版本

    No response

    浏览器版本

    No response

    系统版本

    No response

    Node版本

    No response

    补充说明

    No response

    Reviewed by jahnli at 2022-03-28 10:55
  • 3. [doc] 文档网站描述中出现 “不相关技术栈” 的使用说明

    tdesign-react-starter 版本

    最新版

    重现链接

    https://tdesign.tencent.com/starter/docs/react/deploy

    重现步骤

    打开官网链接:https://tdesign.tencent.com/starter/docs/react/deploy React 中使用的 路由插件为 React Router,并非 VueRouter

    官网图片

    package.json:

    图片

    期望结果

    建议改成 将 <HashRouter> 改成 <BrowserRouter>:

    import * as React from "react";
    import * as ReactDOM from "react-dom";
    import { BrowserRouter } from "react-router-dom";
    
    ReactDOM.render(
      <BrowserRouter>
        {/* The rest of your app goes here */}
      </BrowserRouter>,
      root
    );
    

    参考:https://reactrouter.com/docs/en/v6/routers/browser-router

    实际结果

    图片

    框架版本

    React 17.0.2

    浏览器版本

    No response

    系统版本

    No response

    Node版本

    No response

    补充说明

    似乎文档网站并未开源,无法提 PR。

    Reviewed by Davont at 2022-05-25 15:02
  • 4. [Form] 调用了旧的API?

    tdesign-react-starter 版本

    0.1.3

    重现链接

    https://github.com/Tencent/tdesign-react-starter/blob/21ea7a39ba0bd20e77fa2bd02b5f4bbf34d47cd3/src/pages/List/Select/components/SearchForm.tsx#L21-L29

    重现步骤

    使用 Form 组件的 ref 获取表单数据

    https://github.com/Tencent/tdesign-react-starter/blob/21ea7a39ba0bd20e77fa2bd02b5f4bbf34d47cd3/src/pages/List/Select/components/SearchForm.tsx#L21-L29

    期望结果

    应输出表单数据

    https://github.com/Tencent/tdesign-react-starter/blob/21ea7a39ba0bd20e77fa2bd02b5f4bbf34d47cd3/src/pages/List/Select/components/SearchForm.tsx#L28

    实际结果

    实际输出 undefined

    框架版本

    React(^17.0.2)

    浏览器版本

    No response

    系统版本

    Ubuntu(20.04.3) LTS WSL

    Node版本

    v14.19.1

    补充说明

    修改为最新API后可正常使用 https://github.com/cy948/tdesign-react-starter/commit/20dd610b9de91973fb121c5d92fe8fc118d71aa8

    Reviewed by cy948 at 2022-05-21 04:09
  • 5. 如何开启cors

    tdesign-react-starter 版本

    最新版本

    重现链接

    https://github.com/Tencent/tdesign-react-starter/blob/develop/vite.config.js

    重现步骤

    server: { host: '0.0.0.0', port: 5000, open: false, // 默认是否打开浏览器 cors:true, proxy: { '/api': { // 用于开发环境下的转发请求 // 更多请参考:https://vitejs.dev/config/#server-proxy target: 'https://service-exndqyuk-1257786608.gz.apigw.tencentcs.com', changeOrigin: true, }, }, },

    期望结果

    开启cors

    实际结果

    No response

    框架版本

    No response

    浏览器版本

    No response

    系统版本

    No response

    Node版本

    No response

    补充说明

    No response

    Reviewed by binkuolo at 2022-05-05 06:49
  • 6. logo 收起的时 logo 会消失一段时间

    tdesign-react-starter 版本

    latest

    重现链接

    https://tdesign.tencent.com/starter/react/#/user/index

    重现步骤

    点击收起展开按钮

    期望结果

    点击收起的只有文字消失,logo 不需要替换

    实际结果

    No response

    框架版本

    No response

    浏览器版本

    No response

    系统版本

    No response

    Node版本

    No response

    补充说明

    No response

    Reviewed by chenshuai2144 at 2022-03-25 06:03
  • 7. chore(deps): bump react-router-dom from 5.3.0 to 6.2.2

    Bumps react-router-dom from 5.3.0 to 6.2.2.

    Release notes

    Sourced from react-router-dom's releases.

    v6.2.2

    What's Changed

    🐛 Bug Fixes

    • Fixed nested splat routes that begin with special URL-safe characters (#8563)
    • Fixed a bug where index routes were missing route context in some cases (#8497)

    New Contributors

    Full Changelog: https://github.com/remix-run/react-router/compare/v6.2.1...v6.2.2

    v6.2.2-pre.0

    No release notes provided.

    v6.2.1

    This release updates the internal history dependency to 5.2.0.

    Full Changelog: https://github.com/remix-run/react-router/compare/v6.2.0...v6.2.1

    v6.2.0

    🐛 Bug fixes

    • Fixed the RouteProps element type, which should be a ReactNode (#8473)
    • Fixed a bug with useOutlet for top-level routes (#8483)

    ✨ Features

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-03-01 01:18
  • 8. chore(deps-dev): bump @types/node from 17.0.23 to 17.0.30

    Bumps @types/node from 17.0.23 to 17.0.30.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-01 01:15
  • 9. chore(deps): bump react-redux from 7.2.8 to 8.0.1

    Bumps react-redux from 7.2.8 to 8.0.1.

    Release notes

    Sourced from react-redux's releases.

    v8.0.1

    This release fixes an incorrect internal import of our Subscription type, which was causing TS compilation errors in some user projects. We've also listed @types/react-dom as an optional peerDep. There are no runtime changes in this release.

    What's Changed

    Full Changelog: https://github.com/reduxjs/react-redux/compare/v8.0.0...v8.0.1

    v8.0.0

    This major version release updates useSelector, connect, and <Provider> for compatibility with React 18, rewrites the React-Redux codebase to TypeScript (obsoleting use of @types/react-redux), modernizes build output, and removes the deprecated connectAdvanced API and the pure option for connect.

    npm i [email protected]
    

    yarn add [email protected]

    Overview, Compatibility, and Migration

    Our public API is still the same ( <Provider>, connect and useSelector/useDispatch), but we've updated the internals to use the new useSyncExternalStore hook from React. React-Redux v8 is still compatible with all versions of React that have hooks (16.8+, 17.x, and 18.x; React Native 0.59+), and should just work out of the box.

    In most cases, it's very likely that the only change you will need to make is bumping the package version to "react-redux": "^8.0".

    If you are using the rarely-used connectAdvanced API, you will need to rewrite your code to avoid that, likely by using the hooks API instead. Similarly, the pure option for connect has been removed.

    If you are using Typescript, React-Redux is now written in TS and includes its own types. You should remove any dependencies on @types/react-redux.

    While not directly tied to React-Redux, note that the recently updated @types/[email protected] major version has changed component definitions to remove having children as a prop by default. This causes errors if you have multiple copies of @types/react in your project. To fix this, tell your package manager to resolve @types/react to a single version. Details:

    [React issue #24304: React 18 types broken since release](facebook/react#24304)

    Additionally, please see the React post on How to Ugprade to React 18 for details on how to migrate existing apps to correctly use React 18 and take advantage of its new features.

    Changelog

    React 18 Compatibility

    React-Redux now requires the new useSyncExternalStore API in React 18. By default, it uses the "shim" package which backfills that API in earlier React versions, so React-Redux v8 is compatible with all React versions that have hooks (16.8+, and React Native 0.59+) as its acceptable peer dependencies.

    We'd especially like to thank the React team for their extensive support and cooperation during the useSyncExternalStore development effort. They specifically designed useSyncExternalStore to support the needs and use cases of React-Redux, and we used React-Redux v8 as a testbed for how useSyncExternalStore would behave and what it needed to cover. This in turn helped ensure that useSyncExternalStore would be useful and work correctly for other libraries in the ecosystem as well.

    Our performance benchmarks show parity with React-Redux v7.2.5 for both connect and useSelector, so we do not anticipate any meaningful performance regressions.

    useSyncExternalStore and Bundling

    The useSyncExternalStore shim is imported directly in the main entry point, so it's always included in bundles even if you're using React 18. This adds roughly 600 bytes minified to your bundle size.

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-01 01:15
  • 10. chore(deps-dev): bump @vitejs/plugin-react from 1.3.0 to 1.3.1

    Bumps @vitejs/plugin-react from 1.3.0 to 1.3.1.

    Release notes

    Sourced from @​vitejs/plugin-react's releases.

    [email protected]

    Please refer to CHANGELOG.md for details.

    [email protected]

    Please refer to CHANGELOG.md for details.

    Changelog

    Sourced from @​vitejs/plugin-react's changelog.

    1.3.1 (2022-04-13)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-01 01:12
  • 11. chore(deps): bump react-router-dom from 5.3.0 to 6.3.0

    Bumps react-router-dom from 5.3.0 to 6.3.0.

    Release notes

    Sourced from react-router-dom's releases.

    v6.3.0

    What's Changed

    New Contributors

    Full Changelog: https://github.com/remix-run/react-router/compare/v6.2.2...v6.3.0

    v6.2.2

    What's Changed

    🐛 Bug Fixes

    • Fixed nested splat routes that begin with special URL-safe characters (#8563)
    • Fixed a bug where index routes were missing route context in some cases (#8497)

    New Contributors

    Full Changelog: https://github.com/remix-run/react-router/compare/v6.2.1...v6.2.2

    v6.2.2-pre.0

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-04-01 03:01
  • 12. chore(deps-dev): bump eslint-plugin-import from 2.25.4 to 2.26.0

    Bumps eslint-plugin-import from 2.25.4 to 2.26.0.

    Changelog

    Sourced from eslint-plugin-import's changelog.

    [2.26.0] - 2022-04-05

    Added

    • [no-named-default, no-default-export, prefer-default-export, no-named-export, export, named, namespace, no-unused-modules]: support arbitrary module namespace names (#2358, thanks [@​sosukesuzuki])
    • [no-dynamic-require]: support dynamic import with espree (#2371, thanks [@​sosukesuzuki])
    • [no-relative-packages]: add fixer (#2381, thanks [@​forivall])

    Fixed

    • [default]: typescript-eslint-parser: avoid a crash on exporting as namespace (thanks [@​ljharb])
    • [export]/TypeScript: false positive for typescript namespace merging (#1964, thanks [@​magarcia])
    • [no-duplicates]: ignore duplicate modules in different TypeScript module declarations (#2378, thanks [@​remcohaszing])
    • [no-unused-modules]: avoid a crash when processing re-exports (#2388, thanks [@​ljharb])

    Changed

    • [Tests] no-nodejs-modules: add tests for node protocol URL (#2367, thanks [@​sosukesuzuki])
    • [Tests] default, no-anonymous-default-export, no-mutable-exports, no-named-as-default-member, no-named-as-default: add tests for arbitrary module namespace names (#2358, thanks [@​sosukesuzuki])
    • [Docs] [no-unresolved]: Fix RegExp escaping in readme (#2332, thanks [@​stephtr])
    • [Refactor] namespace: try to improve performance (#2340, thanks [@​ljharb])
    • [Docs] make rule doc titles consistent (#2393, thanks [@​TheJaredWilcurt])
    • [Docs] order: TS code examples should use TS code blocks (#2411, thanks [@​MM25Zamanian])
    • [Docs] no-unresolved: fix link (#2417, thanks [@​kylemh])
    Commits
    • d160285 Bump to 2.26.0
    • 0e80ee3 [Deps] update tsconfig-paths
    • d8633c3 [Docs] no-unresolved: fix link
    • 98bbb2c [Docs] order: TS code examples should use TS code blocks
    • 21304bd [Deps] update tsconfig-paths
    • 8b7000e [Fix] no-unused-modules: avoid a crash when processing re-exports
    • 747d6dc [Docs] make rule doc titles consistent
    • b0e6f7f [Refactor] namespace: try to improve performance
    • 00a4ede [Deps] update minimatch
    • 35bd3a5 [Dev Deps] update @angular-eslint/template-parser, chai
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-06-04 15:20
  • 13. chore(deps): bump axios from 0.26.1 to 0.27.2

    Bumps axios from 0.26.1 to 0.27.2.

    Release notes

    Sourced from axios's releases.

    v0.27.2

    0.27.2 (April 27, 2022)

    Fixes and Functionality:

    • Fixed FormData posting in browser environment by reverting #3785 (#4640)
    • Enhanced protocol parsing implementation (#4639)
    • Fixed bundle size

    v0.27.1

    0.27.1 (April 26, 2022)

    Fixes and Functionality:

    • Removed import of url module in browser build due to huge size overhead and builds being broken (#4594)
    • Bumped follow-redirects to ^1.14.9 (#4615)

    v0.27.0

    0.27.0 (April 25, 2022)

    Breaking changes:

    • New toFormData helper function that allows the implementor to pass an object and allow axios to convert it to FormData (#3757)
    • Removed functionality that removed the the Content-Type request header when passing FormData (#3785)
    • (*) Refactored error handling implementing AxiosError as a constructor, this is a large change to error handling on the whole (#3645)
    • Separated responsibility for FormData instantiation between transformRequest and toFormData (#4470)
    • (*) Improved and fixed multiple issues with FormData support (#4448)

    QOL and DevX improvements:

    • Added a multipart/form-data testing playground allowing contributors to debug changes easily (#4465)

    Fixes and Functionality:

    • Refactored project file structure to avoid circular imports (#4515) & (#4516)
    • Bumped follow-redirects to ^1.14.9 (#4562)

    Internal and Tests:

    • Updated dev dependencies to latest version

    Documentation:

    • Fixing incorrect link in changelog (#4551)

    Notes:

    • (*) Please read these pull requests before updating, these changes are very impactful and far reaching.
    Changelog

    Sourced from axios's changelog.

    0.27.2 (April 27, 2022)

    Fixes and Functionality:

    • Fixed FormData posting in browser environment by reverting #3785 (#4640)
    • Enhanced protocol parsing implementation (#4639)
    • Fixed bundle size

    0.27.1 (April 26, 2022)

    Fixes and Functionality:

    • Removed import of url module in browser build due to huge size overhead and builds being broken (#4594)
    • Bumped follow-redirects to ^1.14.9 (#4615)

    0.27.0 (April 25, 2022)

    Breaking changes:

    • New toFormData helper function that allows the implementor to pass an object and allow axios to convert it to FormData (#3757)
    • Removed functionality that removed the the Content-Type request header when passing FormData (#3785)
    • (*) Refactored error handling implementing AxiosError as a constructor, this is a large change to error handling on the whole (#3645)
    • Separated responsibility for FormData instantiation between transformRequest and toFormData (#4470)
    • (*) Improved and fixed multiple issues with FormData support (#4448)

    QOL and DevX improvements:

    • Added a multipart/form-data testing playground allowing contributors to debug changes easily (#4465)

    Fixes and Functionality:

    • Refactored project file structure to avoid circular imports (#4515) & (#4516)
    • Bumped follow-redirects to ^1.14.9 (#4562)

    Internal and Tests:

    • Updated dev dependencies to latest version

    Documentation:

    • Fixing incorrect link in changelog (#4551)

    Notes:

    • (*) Please read these pull requests before updating, these changes are very impactful and far reaching.
    Commits
    • bc733fe Releasing v0.27.2
    • b9e9fb4 Enhanced protocol parsing implementation to fix #4633; (#4639)
    • 76432c1 Fixed FormData posting in browser environment by reverting #3785; (#4640)
    • 82fd15f Combined build process and cleaned it up a bit
    • 1d82af1 Fixing issues with bundle sizes
    • bcb166e Fixed incorrect date in changelog
    • 838f53b Merge branch 'master' of github.com:axios/axios
    • cb9c534 Releasing v0.27.1
    • 91d21fc Releasing v0.72.1
    • 167cb8b Remove eslint-g package as this seems have been added in error
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-06-01 02:31
  • 14. chore(deps): bump @reduxjs/toolkit from 1.8.1 to 1.8.2

    Bumps @reduxjs/toolkit from 1.8.1 to 1.8.2.

    Release notes

    Sourced from @​reduxjs/toolkit's releases.

    v1.8.2

    This bugfix release fixes a minor issue where calling listenerMiddleware.startListening() multiple times with the same effect callback reference would result in multiple entries being added. The correct behavior is that only the first entry is added, and later attempts to add the same effect callback reference just return the existing entry.

    What's Changed

    Full Changelog: https://github.com/reduxjs/redux-toolkit/compare/v1.8.1...v1.8.2

    Commits
    • aae9e53 Release 1.8.2
    • 3d7bd22 Merge pull request #2351 from reduxjs/bugfix/2344-remove-listeners
    • 0e410cf Fix the "map values transpilation" bug, in yet another place
    • 52e826f Merge pull request #2219 from sidwebworks/master
    • 036c55e Move "RTKQ Examples" up a level
    • 9e6d3c3 Merge pull request #2086 from mrbrownt/feature/respect-prefers-dark-mode
    • 2f1964b Merge pull request #2009 from Shrugsy/docs/extend-tutorial-links
    • bbe9d41 Add RTKQ links to "Essentials" tutorial
    • c6164cb Merge pull request #2321 from snamiki1212/snamiki1212-patch-1
    • 69afddd Merge pull request #2323 from aroyan/patch-1
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-06-01 01:10
  • 15. chore(deps): bump react-redux from 7.2.8 to 8.0.2

    Bumps react-redux from 7.2.8 to 8.0.2.

    Release notes

    Sourced from react-redux's releases.

    v8.0.2

    This patch release tweaks the behavior of connect to print a one-time warning when the obsolete pure option is passed in, rather than throwing an error. This fixes crashes caused by libraries such as react-beautiful-dnd continuing to pass in that option (unnecessarily) to React-Redux v8.

    What's Changed

    Full Changelog: https://github.com/reduxjs/react-redux/compare/v8.0.1...v8.0.2

    v8.0.1

    This release fixes an incorrect internal import of our Subscription type, which was causing TS compilation errors in some user projects. We've also listed @types/react-dom as an optional peerDep. There are no runtime changes in this release.

    What's Changed

    Full Changelog: https://github.com/reduxjs/react-redux/compare/v8.0.0...v8.0.1

    v8.0.0

    This major version release updates useSelector, connect, and <Provider> for compatibility with React 18, rewrites the React-Redux codebase to TypeScript (obsoleting use of @types/react-redux), modernizes build output, and removes the deprecated connectAdvanced API and the pure option for connect.

    npm i [email protected]
    

    yarn add [email protected]

    Overview, Compatibility, and Migration

    Our public API is still the same ( <Provider>, connect and useSelector/useDispatch), but we've updated the internals to use the new useSyncExternalStore hook from React. React-Redux v8 is still compatible with all versions of React that have hooks (16.8+, 17.x, and 18.x; React Native 0.59+), and should just work out of the box.

    In most cases, it's very likely that the only change you will need to make is bumping the package version to "react-redux": "^8.0".

    If you are using the rarely-used connectAdvanced API, you will need to rewrite your code to avoid that, likely by using the hooks API instead. Similarly, the pure option for connect has been removed.

    If you are using Typescript, React-Redux is now written in TS and includes its own types. You should remove any dependencies on @types/react-redux.

    While not directly tied to React-Redux, note that the recently updated @types/[email protected] major version has changed component definitions to remove having children as a prop by default. This causes errors if you have multiple copies of @types/react in your project. To fix this, tell your package manager to resolve @types/react to a single version. Details:

    [React issue #24304: React 18 types broken since release](facebook/react#24304)

    Additionally, please see the React post on How to Ugprade to React 18 for details on how to migrate existing apps to correctly use React 18 and take advantage of its new features.

    Changelog

    React 18 Compatibility

    React-Redux now requires the new useSyncExternalStore API in React 18. By default, it uses the "shim" package which backfills that API in earlier React versions, so React-Redux v8 is compatible with all React versions that have hooks (16.8+, and React Native 0.59+) as its acceptable peer dependencies.

    ... (truncated)

    Commits
    • d0311c1 Release 8.0.2
    • a2853bc Merge pull request #1922 from ApacheEx/feature/pure-option-warning
    • 6e219ee show warning instead of throwing error that pure option has been removed
    • 8e39fa6 Merge pull request #1919 from aroyan/patch-1
    • dc919fd fix(docs): update broken link
    • f54f918 Release 8.0.1
    • 7b6270d fix(ts): incorrect import of Subscription causes TS error (#1910)
    • 26ddc6a remove unused import (#1908)
    • 709c10e Merge pull request #1905 from phapdinh/issues/1302
    • 15e8747 add note for mergeProps
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-27 06:43
  • 16. chore(deps-dev): bump @types/react-dom from 17.0.14 to 18.0.3

    Bumps @types/react-dom from 17.0.14 to 18.0.3.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-01 01:13
This command line can be used to convert React class components to become functional components

class-to-function This command line can be used to convert React class components to become functional components. Installation Install it as a global

Mar 8, 2022
We have updated our application over to using hooks and functional components to replace any class components we had before.
We have updated our application over to using hooks and functional components to replace any class components we had before.

Crwn hooks We have updated our application over to using hooks and functional components to replace any class components we had before. How to fork an

Feb 10, 2022
📑 A React component to easily create demos of other components
📑 A React component to easily create demos of other components

React DemoTab ?? A React component to easily create demos of other components Install npm install react-demo-tab Demo DemoTab example Example import R

May 22, 2022
React components for implementing UI experiments

react-experiments react-experiments is a set of React components for implementing UI experiments. For additional context behind why we built this, che

May 22, 2022
Converts HTML pages into React components
Converts HTML pages into React components

Extract annotated portions of HTML into React components as separate modules. The structure of HTML is preserved by importing child components and rep

Jun 15, 2022
Emoji picker reusable components writed with React 📘, Vue 📗
Emoji picker reusable components writed with React 📘, Vue 📗

Emoji picker component to selected emojis and search by groups. This component is created to work with ReactJs and VueJS.

Dec 2, 2021
A set of components using React Aria and Tailwind

React Aria Tailwind A set of components using React Aria and Tailwind. Very early WIP. Why? React Aria is a low level library of React Hooks that help

Jun 9, 2022
Projeto da 6 NLW de React da @Rocketseat, desenvolvido utilizando Firebase, Styled-Components e Typescript.
Projeto da 6 NLW de React da @Rocketseat, desenvolvido utilizando Firebase, Styled-Components e Typescript.

Letmeask ?? Crie salas de Q&A ao-vivo. Tire as suas dúvidas da sua audiência em tempo-real ?? Tecnologias usadas ReactJS + Typescript Styled-component

Jun 18, 2022
Jun 22, 2022
Lightweight auth library based on oidc-client for React single page applications (SPA). Support for hooks and higher-order components (HOC).

Lightweight auth library based on oidc-client for React single page applications (SPA). Support for hooks and higher-order components (HOC).

Jun 19, 2022
Make your React Components aware of their width and height!
Make your React Components aware of their width and height!

Make your React Components aware of their width and/or height! Hyper Responsive Components! Performant. Easy to use. Extensive browser support. Suppor

Jun 14, 2022
React hooks and components that help notify users to claim their $ENS airdrop.
React hooks and components that help notify users to claim their $ENS airdrop.

ens-claim This package provides React hooks and components helpful in notifying users of products that they have unclaimed $ENS tokens from the ENS DA

Nov 14, 2021
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.

Write components once, run everywhere. Compiles to: At a glance Mitosis is inspired by many modern frameworks. You'll see components look like React c

Jun 22, 2022
react-disqus-components wrapper for official disqus web api

react-disqus-components React Functional Component with disqus webapi integration. Usage Only support React Functional Component Required Props See Di

Mar 9, 2022
React components for Pelcro Elements
 React components for Pelcro Elements

Pelcro React Elements Tailor your Pelcro experience to the needs of your clients using our React components Features Integrates with our JS SDK out-of

May 26, 2022
Is a trivia challenge. Made using React with styled-components.
Is a trivia challenge. Made using React with styled-components.

Trivia - Frontend Test This repository contemplates the requested requirements of Rather Lab. Installation Install the necessary modules: npm install

Dec 24, 2021
This portfolio was built with React.JS and next. Many styled-components was created to be used everywhere on the app

This portfolio was built with React.JS and next. Many styled-components was created to be used everywhere on the app

Jun 9, 2022
Quickly load Vue, React, SpriteJS components via command line

Faster way to render & interact react & vue3 components with command line interface.

Mar 9, 2022