标签分类
当前位置:首页 > 移动开发电子书 > React Native电子书网盘下载
React Native跨平台移动应用开发 React Native跨平台移动应用开发
9907868

9907868 提供上传

资源
35
粉丝
18
喜欢
162
评论
15

    React Native跨平台移动应用开发 PDF 第2版

    React Native电子书
    • 发布时间:

    给大家带来的一篇关于React Native相关的电子书资源,介绍了关于React、Native、跨平台、移动、应用开发方面的内容,本书是由电子工业出版社出版,格式为PDF,资源大小84.5 MB,阙喜涛编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:7.4,更多相关的学习资源可以参阅 移动开发电子书、等栏目。

  • React Native跨平台移动应用开发 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1XSUKnDsmqKKmiOiDRTex_g
  • 分享码:d793
  • React Native跨平台移动应用开发 第二版 PDF

    React Native是Facebook公司推出的强大的、开源的跨平台移动应用开发框架。它能大幅减少跨平台移动应用开发的工作量(相比原生代码开发能减少至少50%),并且代码结构清晰、简单易懂。同时React Native框架采用模块化的结构,使应用版本的更新迭代非常简单。随着它的日趋成熟,React Native必然会成为移动应用开发的主流技术。

    React Native跨平台移动应用开发(第2版)由浅入深,系统发介绍了使用React Native框架跨平台开发所需要用到的知识。本书每一章都专注于阐述移动应用开发某一方面的知识,配合若干个原创的、精简的例程,能让读者系统、快速地掌握该方面知识。本书的结构是按一个有基本的编程基础知识,刚学习JavaScript基本语法的读者的*学习路径来编写的。有一定基础的开发人员也可以将本书作为一本React Native开发的“字典”来使用,在开发时可以快速查找相关知识点的细节。

    希望通过本书,能将最新的React Native开发技术介绍给国内广大开发者,让国内移动应用开发进入一个新的时代,让开发者用比较少的精力就能高效、美观地完成移动应用开发。

    目录

    • 第1章 React Native 1
    • 第2章 状态机思维与状态机变量 17
    • 第3章 页面导航、弹出框及深入理解属性 55
    • 第4章 混合开发基础篇 70
    • 第5章 flexbox布局、View、Image与可触摸组件 100
    • 第6章 Text、TextInput等相关知识 145
    • 第7章 组件生命周期、数据存储及React Native应用实现步骤 182
    • 第8章 ScrollView和ListView 218
    • 第9章 等待提示、进度条和Switch 242

    上一篇:触手可及的大数据分析工具:Tableau案例集  下一篇:Druid实时大数据分析原理与实践

    展开 +

    收起 -

    码小辫二维码
     ←点击下载即可登录

    React Native相关电子书
    学习笔记
    网友NO.723748

    详解React项目如何修改打包地址(编译输出文件地址)

    好吧,笔者是一个后端开发。以前是做C/S项目出身,毫无Web前端基础,为了更好地理解Web开发,去年开始尝试使用公司使用的前端框架React来搭建团队内部使用的系统。通过这个项目的开发,也让我更好地理解了前端同事的不容易,更加坚定了写好接口文档的决心。 最近在把自己做的这个内部系统迁移到公司的统一平台的时候,遇到了一个小问题,公司要求打包的目录名必须为dist,而我这个项目是使用create-react-app搭建的,所以打包的目录是默认的build。 遂开始了查找如何修改打包目录的资料。随便在网上一搜,便是如下的解决方案: 使用eject命令暴露配置,然后修改打包地址 使用这个命令,是不可逆的,执行之前,请将代码备份或提交版本库 1、使用eject命令暴露配置: npm run eject 2、修改暴露出的配置文件config/path.js,将appBuild修改为需要输出的位置。 3、使用npm install命令安装依赖,然后执行npm run build打包 这个方案当然一点毛病都没有,通过这个可以认识到,create-react-app在创建React项目的时候,是隐藏了许多开发者不需要过多关心的配置项的,尽量简化了前端的开发。而eject命令则可以让这些配置项暴露出来。 eject的弊端 要注意的是,eject命令是不可逆的(至少官方没有提供回退的方法)。使用了这个命令,你就要接……

    网友NO.931472

    详解如何用webpack4从零开始构建react开发环境

    项目文件准备: 执行npm init,然后创建如下图所示的文件。 在index.html里面添加 !DOCTYPE htmlhtml head titleThe Minimal React Webpack Babel Setup/title /head body div id="app"/div script src="./bundle.js"/script /body/html 在webpack.config.js里面添加 module.exports = { entry: './src/index.js', output: { path: __dirname + '/dist', publicPath: '/', filename: 'bundle.js' }, devServer: { contentBase: './dist' }}; 在package.json里面添加 "scripts": { "start": "webpack-dev-server --config ./webpack.config.js --mode development" }, 这样,当执行npm start的时候,就会使用webpack-dev-server把index.js相关文件打包,生成bundle.js,这时候浏览器会打开一个窗口,执行index.html(contentBase里面定义了),又因为index.html里面引入了bundle.js,就可以把压缩后的js文件执行起来。当然引入bundle.js这一步可以由我们强大的html-webpack-plugin完成。 安装依赖 npm install --save-dev webpack webpack-dev-server webpack-clinpm install --save-dev @babel/core @babel/preset-envnpm install --save-dev babel-loadernpm install --save-dev @babel/preset-react 配置babel 在根目录下新建.babelrc文件,然后添加 { "presets": [ "@babel/preset-env", "@babel/preset-react" ]} 在webpack.config.js里面添加babel-loader配置 module.exports = { ... module: { rules: [ { test: /\.(js|jsx)$/, exclude: /node_modules/, use: ['babel-loader'] } ] }, resolve: { extensions: ['*', '.js', '.jsx'] } ...}; 引……

    网友NO.313381

    React进阶学习之组件的解耦之道

    前言 众所周知,React中的组件非常的灵活可扩展,不过随着业务复杂度的增加和许多外部工具库的引入,组件往往也会显得浮肿,接下来我们就一起来看看常见的几种,遵循单一职责原则的,组件分割与解耦的方法,话不多说了,来一起看看详细的介绍: 一、分割 render 函数 当一个组件渲染的内容较多时,有一个快速并且通用的方法是创建sub-render函数来简化原来庞大的 render class Panel extends React.Component { renderHeading() { // ... } renderBody() { // ... } render() { return ( div {this.renderHeading()} {this.renderBody()} /div ); }} 为了再次简化sub-render函数,我们还可以采用Functional Components写法,这种方式生成了更小的处理单元,且更有利于测试 const PanelHeader = (props) = ( // ...);const PanelBody = (props) = ( // ...);class Panel extends React.Component { render() { return ( div // Nice and explicit about which props are used PanelHeader title={this.props.title}/ PanelBody content={this.props.content}/ /div ); }} 二、用 props 传递元素 如果一个组件的状态或配置较多,我们可以运用props传递元素而不仅是数据,比如再声明一个组件,使其中的父组件只专注于配置 class CommentTemplate extends React.Component { static propTypes = { // Declare slots as type node metadata: PropTypes.node, actions: PropTypes.node, }; render() { return ( div CommentHeading Avatar use……

    网友NO.323406

    React 组件转 Vue 组件的命令写法

    基于目前React和Vue比较火,开发react-to-vue 工具的目的是为了进一步提高组件的可复用用性,让组件复用不仅仅局限在一个框架里面 简介 对于react-to-vue工具,转化的是基本的react component,而不是全部的react应用。而基本react component的定义更多是基于props和state来渲染的组件,其中也可以包括发请求。 本文先介绍两个框架的组件共性和不兼容的地方,再介绍react-to-vue的使用和原理。在实际业务中,陆金所100多个的react基础业务组件,react-to-vue可以转化90%以上,变成vue组件。 盘点两个框架的组件共性 1. props // reactFrontendMagazine.propTypes = { name: PropTypes.string}FrontendMagazine.defaultProps = { name: 'FrontendMagazine'}// vue{ name: 'frontend-magazine', props: { name: { type: String, default: 'FrontendMagazine' } }} 2. 组件自有状态 框架 说明 React 在初始化的时候,通过this.state = {xxx}来设置 Vue 通过data 返回函数来设置值,不同于react的state,vue是响应式 3. 生命周期 虽然生命周期名不一样,但是差不多有对应的 4. 处理事件 框架 说明 React 相应的事件都加到了组件的实例方法上 Vue 设计上比较好,处理事件都加在一个methods对象下面,方便查找,更直观 // reactclass FrontendMagazine { clickme () { // xxxx }}// vue{ name: 'frontend-magazine', methods: { clickme () { // xxx } }} 5. 组件错误捕获 框架 说明 React……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明