首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用 Meteor 和 React 开发 Web App

文中讨论了Meteor与React开发Web App的优势所在,以及Meteor在现代Web开发中扮演的角色。...此外,本文还简要阐述了Meteor REST WebSocket,Flux概念,Relay和GraphQL等对于Meteor社区的影响。...Store 负责保存应用的状态和逻辑,在其外部的代码是不涉及数据管理的;它自己也不产生数据,只能从外部获得新数据。Store 对 Action 进行反馈,然后发出一个数据状态改变的事件。...这样可以为 React 带来很好的数据和逻辑状态的管理;反过来,React 也可以为 Meteor 带来前端模块化,单向数据流模式,使代码更少且更好维护;另外 React 的 Virtual Dom 机制也为会...上图就是一个典型的 React Meteor App。个人感觉 Flux 更多是面向 Chat Based App,所以没有涉及到 routing。

1.2K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Meteor Tupperware — 更精简的Meteor Docker镜像

    meteor-tupperware是一款更为精简的、适用于生产环境的Meteor Docker镜像。我们只需要两分钟就能快速部署应用!...Cordova集成的原生应用,因为它不能指定build flags,如--mobile-settings 或 --server,而meteor-tupperware能让你轻松做到; meteor-tupperware...能让你轻松集成ImageMagick; meteor-tupperware使用更为简单,使用指南可以看项目README。...当然,meteord也有meteor-tupperware没有的特性,meteord能够在容器中运行一个已经构建好的bundle,无论是从本地加载还是从远程下载。...这些都是很棒的特性,但是meteor-tupperware旨在一个目标:尽可能简单地在生产环境下部署你的Docker镜像。点击「阅读原文」查看项目地址!

    49720

    Meteor 分页包 alethes:pages 详解

    Meteor 项目也不例外,同样会有这样的需求,本文给大家介绍的就是一个非常好用的分页包 alethes:pages。它可以实现简单的根据页数分页,也可以实现强大的滚动分页。...在加载当前页过程中,预取下一页的数据,确保下一页的时候无缝过度 多个集合产生一个分页数据 支持 bootstrap 2/3 的分页导航模版 支持 iron-router 包 页面无限滚动加载特效 安装 meteor.../ Demo 演示 基本的分页 - http://pages.meteor.com/ 表格 (快速渲染) - http://pages-table.meteor.com/ 多个 collection 自动刷新...- http://pages-multi.meteor.com/ 滚动加载效果 - http://pages3.meteor.com/ 使用 要使用这个包的功能非常简单,首先用你要实现分页的 collection...总结 这个包需要研究的地方还有很多,希望我介绍的内容能帮助大家在后期开发 Meteor 项目减少一些麻烦,一起努力共勉。

    21520

    Meteor 1.3 测试简介

    Meteor 1.3新增的NPM支持能够帮助开发者构建更加模块化的应用,但是假如我们不能保证应用按照我们的需求工作,那么这将毫无意义。我们需要开发新特性和重构代码,并且对这些工作有足够的信心。...Meteor 1.3对模块的测试给予我们一个官方的回应。现在开发者能够将他们的代码分割成更小,更容易维护的小片段,他们现在就可以更高效地测试应用了。...看起来他们给出了测试Meteor应用的非常棒的解决方案。 测试如何工作? Meteor 1.3的测试文件有一个特殊的后缀名.tests.js,并且它们能在任何文件夹下。...} from 'meteor/practicalmeteor:chai'; import laserPointer from '....如何运行测试 目前,测试需要两步来完成,首先,像往常一样运行你的应用: meteor 然后在另一个端口上运行测试汇报(假设这里应用运行端口为3000) meteor test --driver-package

    56830

    Meteor开发指南 — Mantra概述

    Mantra 是一个 Meteor 的应用架构。使用 Mantra,我们想要达成两个主要目标。 1. 高可维护性 可维护是大型团队协作成功的关键。...我们可以通过对app的每个部分进行单元测试和遵循每件事的规范来维持可维护性。然后新人加入团队时就能更方便的上手了。 2. 前瞻性 JavaScript世界充满了选择。...它有一个在app中定义业务逻辑的地方。我们称它为actions。...Mantra本身不提供状态管理,但是它允许你使用一系列的状态管理工具,包括Meteor/Tracker,Redux,Rx.js观测量,Promises等任何工具。...它是一整套规范帮你架构你的Meteor应用。 它同时包含了一系列辅助库帮助你在Meteor之上搭建Mantra。 为什么一份规范? Mantra是一个应用架构。

    63330

    Meteor 开发环境 mongodb 的连接

    本文主要总结一下在使用 Meteor 开发过程中对 mongodb 数据库的管理。其中包含使用命令行终端(meteor shell)进行管理,还有图形化界面的工具 Robomongo 工具。...预备知识 当使用 meteor 命令启动 meteor 项目后,meteor 会默认使用 3000 端口作为 web 项目的端口,我们可以通过 http://domainName:3000/ 这样的地址来访问我们的网站...使用 meteor shell 进行管理 通过 meteor shell 管理 mongodb 不需要指定端口,你只要在 meteor 项目启动后的项目目录下执行 meteor mongo 就可以连接到数据库了...meteor:PRIMARY> use meteor switched to db meteor meteor:PRIMARY> show collections Accounts AnalyticsEvents...使用 Robomongo 管理数据库 下载地址:http://robomongo.org/ 安装完成后,配置连接属性,程序刚打开的时候一片空白,我们要手动点右键 Add 一个新的连接。

    37420

    基于 Meteor 搭建 React Native 用户认证系统

    原文来自Differential的Meteor Authentication from React Native,这是Meteor React Native系列的第二篇,第二部分的Repo会在稍后放出。...这篇文章是上篇「Meteor作为React Native实时后端」的后续。我们将讨论下一个你会接触到的东西,也就是用户认证系统。...这里我们使用Meteor的用户认证系统和npm-ddp-client这个包来实现。 我想在这里谈一下安全性的问题,也是本篇文章所没有涉及到的。...当在生产环境下时,用户传输的是他们的真实数据,请确保启用SSL(对于Meteor应用来说也是一样)。同样,我们也没有在客户端做密码的hash,所以密码是以明文的形式传输的。这同样对SSL提出了需求。

    58340

    如何使用Meteor开发以太坊Dapp 原

    本教程将向你展示如何设置Meteor应用程序以用作Ðapp,并可能回答几个关于为什么应该使用Meteor的问题。...常问问题 Meteor不是一个完整的堆栈框架,它是如何适应Ðapp开发的 是的,Meteor是一个完整的堆栈框架,它的主要改进是实时Web应用程序,但Meteor也是第一个框架(我知道),它完全支持了单页...创建你的Ðapp 如果还没有安装Meteor: $ curl https://install.meteor.com/ | SH 然后创建一个app: $ meteor create myDapp $...绑定你的Ðapp 要将Ðapp绑定到本地独立文件,请使用meteor-build-client: $ npm install -g meteor-build-client $ cd myDapp $ meteor-build-client...C#以太坊,主要讲解如何使用C#开发基于.Net的以太坊应用,包括账户管理、状态与交易、智能合约开发与交互、过滤器和交易等。

    1.7K20

    Meteor开发指南 — 响应式GraphQL

    原文来自Kadira Voice,标题为「Meteor’s Reactive GraphQL Is Just Awesome」。...现在,你的所有GraphQL请求都是响应式的,并且你的客户端app总是有依照数据模式的最近的数据。 部署和扩展App 部署一个响应式的GraphQL应用也非常简单。...服务端app只是一个有着响应式GraphQL数据库驱动的express-graphql。 所以你只需要按照普通Node.js的应用部署和扩展方式进行处理。 听起来不错!那么它在哪儿处理响应式呢?...Meteor的计划是把失效服务器作为一个开源项目,并且隶属于响应式GraphQL项目。...很有可能Galaxy (Meteor’s hosting service)会提供一个托管的失效服务器供你的app使用。所以,你不必担心你的服务端了。

    1K100
    领券