knowbody

/*... render() {*/

<StyledGrid>
  <LayerTwo>yolo</LayerTwo>  
</StyledGrid>

/* }...*/

const StyledGrid = styled.div`
  display: grid;

knowbody

import React from 'react';
import styled from 'styled-components';

const Spinner = () => (
  <StyledSpinner viewBox="0 0 50 50">
    <circle
      className="path"
      cx="25"
      cy="25"
      r="20"

knowbody

import styled from 'styled-components';

const StyledSpinner = styled.svg`
  animation: rotate 2s linear infinite;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  
  & .path {
    stroke: #5652BF;

knowbody

// HTML

<svg class="spinner" viewBox="0 0 50 50">
  <circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="4"></circle>
</svg>

// CSS

knowbody

{"version":1.02,"files":[{"file":".gitignore","content":{"type":"Buffer","data":[98,108,111,98,45,115,116,111,114,101,10,99,111,109,112,105,108,101,45,99,97,99,104,101,10,100,101,118,10,115,116,111,114,97,103,101,10,46,110,111,100,101,45,103,121,112,10,46,110,112,109,10]}},{"file":"config.cson","content":{"type":"Buffer","data":[34,42,34,58,10,32,32,95,100,97,114,116,108,97,110,103,58,10,32,32,32,32,95,101,114,114,111,114,115,73,110,105,116,105,97,108,105,122,101,100,58,32,116,114,117,101,10,32,32,32,32,95,102,105,114,115,116,82,117,110,58,32,116,114,117,101,10,32,32,32,32,95,118,101,114,115,105,111,110,58,32,34,48,46,54,46,52,50,34,10,32,32,95,102,108,117,116,116,101,114,65,110,97,108,121,116,105,99,115,58,10,32,32,32,32,99,108,105,101,110,116,73,100,58,32,34,52,102,97,101,97,52,97,97,45,57,57,98,50,45,52,100,54,49,45,97,101,53,98,45,100,98,102,48,97,102,48,97,48,99,102,102,34,10,32,32,32,32,111,112,116,73,110,58,32,116,114,117,101,10,32,32,34,97,116,111,109,45,109,97,116,101,114,105,97,108,45,117,105,34,58,

knowbody

package.json changes:

exp.json keys:

• change "iconUrl" to "icon"

React Native breaking changes (https://github.com/facebook/react-native/wiki/Breaking-Changes)

knowbody

React Native 2017 roadmap

Don't get confused by the name this is not by any mean a roadmap for React Native. Just something what I would like to see happen.

I started working with React Native soon after it was open-sourced by Facebook. Since then the small experimental project grew a lot. Thanks to 1140 contributors, many of us can build cross platform native apps for iOS and Android with zero or a little knowledge of Objective C and/or Java. A few years ago I didn’t even think that with just web dev experience I could jump and make an app which will be working on iPhone and Android devices.

In this post, I’d like to focus on the things that we can do to make React Native even better.

Please don’t treat this as a rant, these are the things which I find that could be improved.

knowbody

{"version":1.02,"files":[{"file":".gitignore","content":{"type":"Buffer","data":[98,108,111,98,45,115,116,111,114,101,10,99,111,109,112,105,108,101,45,99,97,99,104,101,10,100,101,118,10,115,116,111,114,97,103,101,10,46,110,111,100,101,45,103,121,112,10,46,110,112,109,10]}},{"file":"config.cson","content":{"type":"Buffer","data":[34,42,34,58,10,32,32,34,97,116,111,109,45,109,97,116,101,114,105,97,108,45,117,105,34,58,10,32,32,32,32,99,111,108,111,114,115,58,10,32,32,32,32,32,32,97,98,97,115,101,67,111,108,111,114,58,10,32,32,32,32,32,32,32,32,97,108,112,104,97,58,32,49,10,32,32,32,32,32,32,32,32,98,108,117,101,58,32,50,51,53,10,32,32,32,32,32,32,32,32,103,114,101,101,110,58,32,49,52,53,10,32,32,32,32,32,32,32,32,114,101,100,58,32,50,53,10,32,32,32,32,32,32,97,99,99,101,110,116,67,111,108,111,114,58,10,32,32,32,32,32,32,32,32,97,108,112,104,97,58,32,49,10,32,32,32,32,32,32,32,32,98,108,117,101,58,32,50,52,52,10,32,32,32,32,32,32,32,32,103,114,101,101,110,58,32,54,50,10,32,32,32,32,32,32,32,32,114,101,100,58,32,

knowbody

{
  "parser": "babel-eslint",
  "env": {
    "es6": true,
    "jest": true
  },
  "settings": {
    "import/resolver": {
      "node": {
        "extensions": [".js", ".ios.js", ".android.js"]

knowbody

{
  "version":1.02,
  "files":[
    {
      "file":".gitignore",
      "content":{
        "type":"Buffer",
        "data":[
          98,
          108,