React Native Storybook

Senne blogs about 'React Native Storybook'

#reactnative #mobile

  • A few weeks ago I gave an internal presentation about Storybook for React Native.
  • Storybook allows you to create stories with your components which increases development speed, improves reusability and allows you to create prototypes with actual components that can also be used in the real app.
  • A small demo showing some of the features that Storybook offers can be seen here: – – You can find the presentation slides here.

Storybook allows you to create stories with your components which increases development speed, improves reusability and allows you to create prototypes with actual components that can also be used in the real app.
Continue reading “React Native Storybook”

#React Components – Zero To Hero Series – Part 2 by Vipul Jain cc @CsharpCorner #ReactJS

#React Components - Zero To Hero Series - Part 2 by Vipul Jain cc @CsharpCorner  #ReactJS

  • This is the second article in the ReactJS – Zero to Hero Series.
  • I recommend reading the first article (link given below), before going through this article.
  • In this article, we will see the explanation of React Components.
  • Components are the fundamental units of a React application.
  • Now, with this basic understanding, in the next articles, we will see more about Populating Props, Composing components, State, Default props and Validating props.

This is the second article in ReactJS – Zero to Hero Series. I will recommend you read the first article (link given below), before going through this article.
Continue reading “#React Components – Zero To Hero Series – Part 2 by Vipul Jain cc @CsharpCorner #ReactJS”

#React Components – Zero To Hero Series – Part 2 by Vipul Jain cc @CsharpCorner #ReactJS

#React Components - Zero To Hero Series - Part 2 by Vipul Jain cc @CsharpCorner  #ReactJS

  • This is the second article in the ReactJS – Zero to Hero Series.
  • I recommend reading the first article (link given below), before going through this article.
  • In this article, we will see the explanation of React Components.
  • Components are the fundamental units of a React application.
  • Now, with this basic understanding, in the next articles, we will see more about Populating Props, Composing components, State, Default props and Validating props.

This is the second article in ReactJS – Zero to Hero Series. I will recommend you read the first article (link given below), before going through this article.
Continue reading “#React Components – Zero To Hero Series – Part 2 by Vipul Jain cc @CsharpCorner #ReactJS”

Building single page Apps with React.js

Building single page Apps with React.js
☞

  • If you have frequently changing state or props that you pass down to a component as spread attributes, you may be unnecessarily re-rendering your component.
  • So something to keep in mind when deciding whether a component needs all the changing props and state it may receive.
  • import ClassNames from ‘classnames’ class Icon extends Component { getClassNames() { return ClassNames([ ‘fa’, {fa-`this.props.name`}, this.props.className ]); } render() { return ( ); } }
  • class Icon extends Component { getClassNames() { let classes = `fa fa-${this.props.name}`; if (this.props.className) { classes += ` ${this.props.className}` } return classes; } render() { return ( ); } }
  • I’m very glad I stumbled upon the concept of container components because I’m positive it saved me from creating some very messy React code.

I thought I would write up a few words on my experience with React so far (about 5 months of the publish date of this post) and some conventions
Continue reading “Building single page Apps with React.js”

React Router v4, RxJS with React/Redux, React Components

  • Learn about React Router V4, RxJS with React and Redux, React Components and more at this action packed meetup hosted by Modern Web !
  • 7:35 – 8:05 Reusable React Components with Mars Jullian
  • Topic: RxJS Makes React + Redux Amazing
  • Topics: web components, ember, angular, react, polymer, async programming, libraries such as bacon.js, rxjs, scalability, native promises & performance, es6/es7 iterators and generators, reactive extensions, object oriented design in es6, traits.js, design patterns and more.
  • 6:45 – 7:15 React Router v4 with Michael Jackson

Read the full article, click here.


@burgessdryan: “Excited for @modernweb_ meetup in Sept. A full night of #ReactJS @mjackson @marsjosephine @_jayphelps and @sprjrx”


Learn about React Router V4, RxJS with React and Redux, React Components and more at this action packed meetup hosted by Modern Web! Make sure to RSVP at http://www.meetup.com/modernweb/events/2322441


React Router v4, RxJS with React/Redux, React Components