ReactJS Blueprints《ReactJS蓝图》： 1、用世界上最火的Javascript库来开发Web App。 2、学习如何加速你的开发速度并节省宝贵的时间。 3、用step-by-step方式的教程让你轻松学会如何解决现实世界中的问题。 The JavaScript revolution has landed! ReactJS is one of those rare technologies that comes out of nowhere and turns established practices on their head. It provides a different way of thinking about how you should develop your apps, and has already gained a massive adoption among web developers. Join the revolution, build web apps faster, and have more fun developing! Packed with real-world code, this book starts by covering the idea behind ReactJS and the key concepts you must familiarize yourself with. You will learn how to bootstrap your ReactJS projects and you’ll also be provided with a handy scaffolding that you can use and reuse over and over. We then go on to cover a wide variety of apps, and will help you to structure and build your own components. Next, you will build a web shop, create a fully responsive and routable app, and also develop a real-time search app. Further on, you will be taught to work with public APIs to create a map-based application. You will also be taken through some advanced concepts such as Redux that are making a huge splash currently in the world of ReactJS. You’ll learn how to efficiently seal off your app for guest access, interact with hardware APIs, and create a photo app. You will then master the art of making your apps universal, and find out how to deploy them to the cloud. Finally, we wrap up the book as you are shown how to make a game. What better way to kick off your ReactJS development journey?

React本机容易聊天UI 屏幕截图 安装 纱线添加@ react-native-community / viewpager react-native链接@ react-native-community / viewpager ： npm install react-native-easy-chat-ui --save ： yarn add react-native-easy-chat-ui 相依性 将版本0.2.x用于RN >= 0.44.0 使用版本0.1.x的RN < 0.44.0 例子 import React , { Component } from 'react' ; import { Platform , StyleSheet , Text , View , StatusBar , PermissionsAndroid } from 'r

Ant Design for React Native精简笔记文章附件。 `Ant Design for RN`在我的项目中渐渐的可有可无，但是为了照顾以前开发的老组件，我就萌生了自己实现一些我们项目中常用的Ant 组件的想法。 https://blog.csdn.net/lxyoucan/article/details/121809143

前言 React Native 可以开发 ios 和 android 的 app，在开发过程中，势必会遇上屏幕适配（ios 好几种尺寸的屏幕以及 android 各种尺寸的屏幕）的问题，下面介绍一种几行代码搞定 RN 适配的方法！ 屏幕适配的前置知识 RN 中的尺寸单位为 dp，而设计稿中的单位为 px 原理 虽然单位不同，但是元素所占屏幕宽度的比例是相同的 利用元素所占屏幕比例不变的特性，来将 px 转为 dp（这样实现屏幕适配的话，在不同尺寸的屏幕下，元素会等比放大或缩小） 公式如下： 设计稿元素宽度（px） / 设计稿总宽度（px） = 元素的宽度（dp） / 屏幕的总宽度（dp

The up-to-date, in-depth, complete guide to React Native. Create beautiful mobile apps with JavaScript and React

React本机相机 适用于React Native的综合摄像头模块。 支持： 照片。 影片 人脸检测 条码扫描 文字识别（仅适用于Android） 导入示例 import { RNCamera , FaceDetector } from 'react-native-camera' ; 如何使用master分支？ 在您的package.json中，使用此"react-native-camera": "git+https://git@github.com/react-native-community/react-native-camera"而不是"react-native-camera": "^1.0.0" 。 贡献 欢迎请求请求，如果您打开请求请求，我们将尽力及时处理。 拉请求评论，甚至更多的欢迎！ 我们需要测试，审查和更新公开PR的帮助 如果您有兴趣更积极地做出贡献，请与我联系

Android原生开发跳转到某个RN单页面的demo。 目前公司项目全部采用原生开发，现在想提升开发效率，把部分Android，iOS两端公共高复用的界面使用RN去做。就需要在原有的项目基础上加入RN并且单独跳转到不同的RN界面去。网上查了一下相关资料发现大部分都是从RN界面跳转到原生的介绍。RN不好处理的地方，直接调用原生界面去制作。很少有介绍有从原生跳转到RN某个单页面的介绍。详情可以查看我的博客介绍以使用方法。

React Native 上传文件到阿里云 OSS 这里是博客 里提到的代码 把关键的几个文件都放出来，博客里放很不方便。太长了 这里的代码是为了给你提供参考 如何使用？ import upload from '../third_party_lib/upload' upload( 'upload/2018-1-20/15164503124890.46344085317105055.png', 'image/png', 'file:///storage/emulated/0/DCIM/Screenshots/Screenshot_20180119-122029.png') .then((resp) => { // your code here }); // 注意这里的参数当然不是这样写死的, 比如 image/png，只是代码我是从实际项目中直接复制过来的

Material Kit是一个免费的Bootstrap 4 UI套件，其灵感来自Google的材料设计，具有新颖的设计。 您要求它，所以我们建造了它。 很高兴以易于使用和精美的组件集向您介绍材料概念。 连同Bootstrap元素的重新样式化，您将找到三个完全编码的示例页面，以帮助您设计下一个项目。 材料套件利用光线，表面和运动。 它使用了经过精心设计的颜色选择，边缘到边缘的图像以及大规模的排版。 总体布局类似于遵循多个不同层次的纸张，因此深度和顺序很明显。 导航主要停留在左侧，而动作则停留在右侧。 这种新设计具有一些元素，这些元素是有关墨水和纸张以及物体和材料在现实生活中相互作用方式的研究成果。 结果是一组漂亮且一致的元素，可以帮助您开始下一个项目。 如果您希望为Android应用程序创建网站并需要保持一致，那么Material Kit是一个很棒的工具，从而给人留下视觉上相似的元素的印象。 它本身也是一种很棒的资源，看起来很漂亮，可以帮助您构建网页。 Material Kit基于Fezvrasta的Github Repo，他出色地完成了为材质效果，动画和转场创建骨架的工作。 非常

React本地摊牌 组件，将markdown呈现到webview中！ 从1.0.0版本开始，它需要对等依赖关系 。 产品特点 将Markdown渲染到React Native WebView组件中。 基于纯JavaScript实现，可以通过所有（？） 。 无需本机代码/无需本机链接。 可使用CSS进行自定义。 完整的TypeScript支持。 经过全面测试。 100％代码覆盖率。 在系统浏览器中自动打开链接。 支持所有React Native WebView道具和回调！ 安装 npm install --save react-native-showdown react-nati