掘金有很多关于vue的动态路由文章，关于react的动态路由实现方案比较少。这一篇给大家分享一套个人觉得比较优雅的动态路由实现方案，react和vue都支持。

大家好，我是刚加入掘金的"三重堂堂主"（公众号：咪仔和汤圆，欢迎关注~） 因为新搭了个后台项目，刚好在做权限和路由这一块，就和大家一起探讨下~ 也是为了填上搭建工程系列的坑。

此示例演示了一个包含三个页面的简单登录流程：公共页面、受保护页面和登录页面。 为了查看受保护的页面，你必须先登录。 首先，访问公共页面。 然后，访问受保护的页面。 你尚未登录，因此你将被重定向到登录页

本文主要讲解了JSX是什么以及它在Babel中的转换过程。文章还阐述了React 17之前的createElement方法和React 17之后jsx方法的实现，以及ReactElement方法的定义

《React 开发思想纲领》的灵感来源于我实际开发中遇到的各种场景，是我做 React 开发时的一些思考，仅仅作为参考和建议。

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情 前言 截止目前，我相信各位读者都接触了很多的hooks，什么useState，useRef不计其数。而

前言 最近在写React时定义变量类型时，无意点到了ElementType，然后在node_modules/@types/react/index.d.ts 中发现了这段代码： 牛啊，虽然我没太看懂，但

composition api（组合api） 和 optional api（可选api） 两种组织代码的方式，相信大家在vue3各种相关的介绍文里已经了解到不少了，它们可以同时存在，并非强制你只能使用哪一种，但组合api两大优势的确让开发者们更倾向于使用它来替代可选api。 以…

Hook 出来后，相信很多小伙伴都自己跃跃欲试，对于喜欢用react的，又喜欢Hook的，本篇文章将会与你一起玩转Hook。 useEffet 我们可以理解成它替换了componentDidMount, componentDidUpdate, componentWillUnmo…