问题标签 [reactify]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 同构反应 - 如何使反应功能作为窗口对象的一部分
我一直在使用 node-jsx、browserify、reactify 等构建同构反应应用程序。我的代码在服务器上运行良好,并且组件已正确安装和呈现。但是,react 函数似乎不起作用,例如,handleClick 函数无法识别 alert(),或者 console.log() 在服务器和客户端控制台上都不会打印出预期的结果。谁能确定这里发生了什么?
更新:我想指出的另一件事是,当我运行服务器并转到浏览器时,在浏览器控制台(使用 chrome 开发工具)中我输入了“window.React”,它实际上返回了 React 对象。但是 console.log 仍然没有为点击处理函数做任何事情。
意见/index.ejs
路线/路线.js
应用程序/组件/ReactApp.js
应用程序/main.js
服务器.js
Gulpfile.js
var gulp = require('gulp');
var source = require('vinyl-source-stream'),
browserify = require('browserify');
gulp.task('scripts', function(){
return browserify({
transform: [ 'reactify' ],
entries: 'app/main.js'
})
.bundle()
.pipe(source('main.js'))
.pipe(gulp.dest('./public/'));
});
gulp.task('default', ['scripts']);
javascript - Browserify/Reactify - 未捕获的 ReferenceError:未定义函数
我正在尝试抽象我的代码,并且我在以下结构中有以下两个文件
main.js
组件/Parent.js
索引.html
我运行以下 -
这是它创建的 javascript
运行页面在第 5 行抱怨React.createElement(Parent, null),
但是正如您所见,文件已加载,那么为什么在文件中找不到它呢?
express - gulp-concat 没有使用 reactify 将我的 jsx 文件转换为 js
我是 Gulp 的新手,我正在尝试使用 browserify 和 reactify 将我的 jsx 文件转换为 js 文件,但我遇到了错误。我的 gulp 文件如下所示:
但我收到了这个错误:
它之前工作正常,但突然停止工作。我已经尝试修复它几个小时了,但我找不到它不起作用的原因,我真的很感激一些帮助。
reactjs - Size of bundled ReactJS app
I am trying to reduce the size of my reactjs application bundle.js file. For a relatively simple app i have its browserified js file size - 452Kb.
To build it, i use NPM with respective package.json file:
Not being an expert in Node JS/ ReactJS development i hope i do somethin wrong, but i cant find what.
For the time being i tried few things: app.js file has a line of code setting NODE_ENV variable to 'production'
A second thing i have tried is to use npm prune command with --production parameter. Having this run, i see it removes a lot from node_modules folder, but then npm run build is failing to run as it misses devDependencies. What can i do?
javascript - 转译单个 React 组件以用作 JS 小部件
我正在使用 React.js 开发一个相当复杂的网络应用程序,我希望允许该应用程序的用户使用其中一个组件作为其网站上的 API 小部件以及脚本标签(想想 Google Maps API、Analytics、 ETC。)
我是 React 的新手,但我认为 React 将应用程序中的所有组件等打包,并将它们捆绑到一个 JS 文件中。
是否可以只将一个组件捆绑到一个 JS 文件中,然后让用户将该文件放在他们的站点中,并将其用作小部件?
我尝试使用 reactify 转换我希望用户用作小部件的组件,但我似乎无法让它工作。
有什么想法吗?
django - Django 中的 ReactJs 返回
我是 Reactify Django 的新手。实际上,我正在尝试渲染 React JS 而不是 HTML 页面。我有以下内容:
视图.py
主页.html
应用程序.js
设置.py
我不确定,如果我正确理解这个概念。但我正在寻找在 django 中返回反应渲染的 html。我的反应应用程序安装在同一文件夹的前端目录中。任何澄清,将不胜感激。