More Ways to Extend React Storybook — KADIRA VOICE

We've introduce a new extension API for #reactjs storybook:

  • Today, we are introducing an extension API with which you can write extensions to React Storybook.
  • With addons you can add new functionalities to React Storybook.
  • We started to look for new ways to extend React Storybook while maintaining its stability.
  • You can also share extensions you’ve built and use extensions created by others .
  • You can use the Storybook UI to display anything you want.

Read the full article, click here.


@kadirahq: “We’ve introduce a new extension API for #reactjs storybook:”


We wanted React Storybook to be stable and customizable from day one. This came with a price: contributing to React Storybook was harder…


More Ways to Extend React Storybook — KADIRA VOICE

Interview With Lee Byron, React Developer at Facebook

Join us for a talk with Facebook's @leeb about @reactjs development and infrastructure:

  • You actually need to also include ReactDOM in order to use React in a browser.
  • community, react, grommet, interview, facebook, javascript library, javascript
  • Lee was kind enough to answer a few questions about React that we sent his way.
  • Grommet is a library of reusable UI components.
  • I was part of designing and building the early versions of React and designed the component lifecycle API.

Read the full article, click here.


@grommetux: “Join us for a talk with Facebook’s @leeb about @reactjs development and infrastructure:”


Coming from the folks at Grommet, check out this interview with Lee Byron, from Facebook, talking about his history with React, offering up a few tips, and discussing where he sees the popular JavaScript library headed next.


Interview With Lee Byron, React Developer at Facebook

Introducing Provider, implements #53 by mweststrate · Pull Request #65 · mobxjs/mobx-react · GitHub

  • mweststrate commented on the diff Jun 21, 2016
  • Mweststrate referenced the pull request Jun 21, 2016
  • + `Provider` is a component that can stores (or other stuff) on React’s context.
  • Sign up for free to join this conversation on GitHub .
  • mweststrate wants to merge 7 commits into master from provider

Read the full article, click here.


@mweststrate: “Most requested feature: mobx-react Provider + connect mechanism is coming!
#MobX #reactjs”


mobx-react – React bindings for MobX


Introducing Provider, implements #53 by mweststrate · Pull Request #65 · mobxjs/mobx-react · GitHub

react-native/SwipeableListView.js at master · facebook/react-native · GitHub

  • const React = require ( ‘ React ‘ );
  • * Use `SwipeableListView.getNewDataSource()` to get a data source to use,
  • // Callback method to render the view that will be unveiled on swipe
  • * – It ensures that at most 1 row is swiped open (auto closes others)
  • * SwipeableRow can be used independently of this component, but the main

Read the full article, click here.


@matzatorski: “🔥 If you’re looking for swipe-to-delete ListView component, RN folks built experimental SwipeableListView!”


react-native – A framework for building native apps with React.


react-native/SwipeableListView.js at master · facebook/react-native · GitHub

Build Your First React.js App

Build Your First React.js App course by @tylermcginnis33 #react

  • We will use Webpack to build the application.
  • Building your first React application can be challenging.
  • Building a React.js App: Basic Routing with React Router
  • Building a React.js App: componentWillReceiveProps and React Router
  • When you’ve completed this series you will have built a full-blown web application using React, and should have the tools needed to start building your own applications today.

Read the full article, click here.


@eggheadio: “Build Your First React.js App course by @tylermcginnis33 #react”


Let’s start from scratch and build a full React application!

Building your first React application can be challenging. React itself is fairly simple. It has a small API that can be learned quickly. One of the huge challenges when you are getting started with React is *all of the other pieces* that contribute to creating an application.

In this series, we will go beyond React, and look at the full picture of what goes into a React application. We will use Webpack to build the application. We will use Firebase to persist data. We will dig into react-router for our applications routing.

When you’ve completed this series you will have built a full-blown web application using React, and should have the tools needed to start building your own applications today.


Build Your First React.js App

React, Webpack, and Horizon Quick Start — Frontend Weekly — Medium

#ReactJS, Webpack, and Horizon quick start:

  • Were going to add in Message and Messages Components, along with a stylesheet to make it a little more tolerable to look at (right now, we only really need a ‘center’ class).
  • import React, { Component } from ‘react’; class App extends Component { render() { //return html } } export default App;
  • /messages’; class App extends Component { render() { return (

    ); } } export default App;

  • Passing in the chat object down to the child component is how we will be able to get our messages and map them to our Message component
  • import React, { Component } from ‘react’; export default class Message extends Component { constructor(props) { super(props); this.props = props; } render() { return (
    {this.props.msg.author}
    {this.props.msg.text}

    ); } }

Read the full article, click here.


@ReactiveConf: “#ReactJS, Webpack, and Horizon quick start:”


This tutorial will give you a quick start example to follow along to, and help you build a barebones React chat application with Horizon.io…


React, Webpack, and Horizon Quick Start — Frontend Weekly — Medium