ts-react:打字稿,React和Webpack热重装

  • N7_755166
    了解作者
  • 9.9KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-13 13:01
    上传日期
tsReact 打字稿,React和Webpack热重装 启动应用程序 npm install npm start 应用程序将在 编辑中 将与。 您的更改将被自动接收,并显示出来而无需重新加载。 为什么要打字稿? Typescript对jsx的支持。 它将是打字稿1.6的一部分。 同时,该示例使用的打字稿。 这是一种非常有趣的语言。 它为您提供自动补全,各种重构和编译时错误(例如,react component props!)。 试一试,它可能会改变您的开发方式:) 执照 麻省理工学院
ts-react-master.zip
  • ts-react-master
  • package.json
    609B
  • server.js
    436B
  • index.html
    187B
  • src
  • index.tsx
    160B
  • App.tsx
    183B
  • tsconfig.json
    300B
  • .gitignore
    27B
  • tsd.json
    344B
  • typings
  • tsd.d.ts
    89B
  • react
  • react.d.ts
    19.3KB
  • react-jsx.d.ts
    4.3KB
  • webpack.config.js
    657B
  • README.md
    930B
内容介绍
# ts-react Typescript, react and webpack hot reload ## Launching the application npm install npm start Application will launch on http://localhost:3000 ## Editing Use [atom](https://atom.io/) with the awesome [Typescript plugin](https://atom.io/packages/atom-typescript). Your changes will be automatically picked up by [React Hot Loader](https://github.com/gaearon/react-hot-loader) and will be displayed without reloading. ## Why Typescript? Typescript [recently added](http://www.jbrantly.com/typescript-and-jsx) support for jsx. It will be part of typescript 1.6. In the meantime, the example is using a [nightly build](https://github.com/TypeStrong/ntypescript) of typescript. It is a very interesting language. It gives you autocompletion, all sorts of refactorings and compile time errors (for react components props for examples!). Give it a shot, it might change the way you develop :) ## Licence MIT
评论
    相关推荐
    • webpack:从golang框架正确地提供webpack资产
      网页包 该模块允许与webpack正确集成,并...各种重构 将默认值更改为stats插件,以使用StatsPlugin手动将其设置为webpack.Plugin = "stats" 更新示例,添加pongo2,gin和gin-render示例 版本1.4.2 如果开发模式中
    • Heroku代码重构
      Create React App入门 该项目是通过。 可用脚本 在项目目录中,可以运行: npm start 在开发模式下运行应用程序。 打开在浏览器中查看。 ... 相反,它将所有配置文件和传递依赖项(webpack,Babel
    • 重构拖拉机
      FitLit生活方式追踪器 安装说明: 安装API 转到并复制代码,或复制以下代码: :turingschool-examples / fitlit-api.git git clone并粘贴代码 cd进入新文件夹 运行npm install然后npm start ...
    • trelloyes重构琥珀色泰勒B
      该项目是通过。 可用脚本 在项目目录中,可以运行: npm start 在开发模式下运行应用程序。 打开在浏览器中查看。... 而是将所有配置文件和传递依赖项(Webpack,Babel,ESLint等)直接复制到您的项目中,以
    • web-pack:Cascaron de Webpack
      Webpack入门 Webpack的Este es pro proectectic 注意: 节点重构 npm install Y para construir el build,已记录: npm run build
    • webpack-starter:Cascaron de Webpack
      Webpack入门 Webpack的Este es pro proectectic 注意: 节点重构 npm install Y para construir el build,已记录: npm run build
    • 重构投资组合
      该项目是通过。 可用脚本 在项目目录中,可以运行: npm start 在开发模式下运行应用程序。 打开在浏览器中查看。... 而是将所有配置文件和传递依赖项(Webpack,Babel,ESLint等)直接复制到您的项目中,以
    • 重构拖拉机
      Webpack入门套件 克隆此仓库 没错,克隆不是分叉。 您将多次使用此存储库,但是只能分叉一次存储库。 因此,您需要执行以下操作来克隆存储库,但仍然能够将更改推送到您的存储库: 克隆此仓库。 由于您不想将您的...
    • react-tutorial-gulp-webpack:React 教程,重构为使用 Gulp 和 Webpack
      react-tutorial-gulp-webpack 该回购建立在评论框项目从和refactors它使用和 。 安装 npm install 建造 gulp build 或者 NODE_ENV=production gulp build 服务器 npm start 开发 创建构建、启动观察者和本地...
    • Base-webpack:Estructura Webpack
      基本Webpack Estructura Webpack Webpack入门 Este es el proyecto原始对等应用程序webpack 注意: 节点重构 npm install Y para construir el build,recuerden npm run build