Cyclic References in ImmutableJS

Cyclic References in ImmutableJS:  #ReactJS

  • The closest I’ve come, is related to how you use Immutable Objects in your React state.
  • In ImmutableJS, you create a new Map for each Immutable object, of which, becomes non-cyclic.
  • You make the state a regular object, so React can recognize it, and then have your Immutable Objects as children beneath.
  • The case with Immutable, is that you create a new Immutable Object every time a change happens, so you end up with objects that are non-mutable.
  • Cyclic References in Immutable is heavily unsupported, and doesn’t really get to come any way.

Read the full article, click here.


@ReactiveConf: “Cyclic References in ImmutableJS: #ReactJS”


Cyclic References in Immutable is heavily unsupported, and doesn’t really get to come any way. Let’s dive into some constraints, pros and cons of cyclic values with Immutable.   Problem:   The problem is fairly simple to understand with a few words. In ImmutableJS, you create a new Map for each Immutable object, of which, becomes…


Cyclic References in ImmutableJS

6 lessons learned from going to production with React-Redux — Medium

6 lessons learned from going to production with React-Redux:  #ReactJS

  • Every React component uses several reducers in a real world application, as most advanced apps use several data pieces.
  • if its not in the react component and there is no actual data layer that is responsible then someone is, the action .
  • Every container can hold other containers and components.
  • Some claim that you should use only props, and some say that you should use props as the data representation and state for UI states of the view.
  • We decided to adopt this concept reference it as Container and Components.

Read the full article, click here.


@ReactiveConf: “6 lessons learned from going to production with React-Redux: #ReactJS”


A few months ago i published a blog about how we started to move at Bizzabo from Backbone + RequireJS + Handlebars + Grunt to React + Redux…


6 lessons learned from going to production with React-Redux — Medium

22 Amazing open source React projects — Mybridge for Professionals

22 amazing open source #ReactJS projects:

  • Note that React UI components, boilerplates, tools and frameworks are separated out to make this curation specific to full-working apps built with React.
  • Hacker News iOS and Android App: Made with React Native .
  • A Zhihu Daily App client implemented using React Native (Android and iOS) .
  • Calculator built with React (Website), Electorn (Desktop), and React Native (iOS & Android).
  • Perseus: Khan Academy’s new exercise question editor and renderer built with React [591 Stars]

Read the full article, click here.


@ReactiveConf: “22 amazing open source #ReactJS projects:”


This is a collection of open source apps built with React.JS library. In this observation, we compared nearly 800 projects to pick the top…


22 Amazing open source React projects — Mybridge for Professionals

Path to Learning React • /r/reactjs

  • Path to Learning React ( self.reactjs )
  • Best solution for me was to use React for both web and mobile (React Native) and so far it looks really good.
  • Seasoned developer, New to react, need a bit of help thinking in react.
  • I learned the basics of webpack and es6 next.

Read the full article, click here.


@dan_abramov: “What was your path to learning React? Share your tips:”


I would like to hear from beginners and intermediate/experienced developers: how did you learn React? Were there any particular books or tutorials…


Path to Learning React • /r/reactjs

Thinking in React

Thinking in @reactjs with a bunch of @jsfiddle examples –

  • Use the props to filter the rows in ProductTable and set the values of the form fields in SearchBar .
  • Step 1: Break the UI into a component hierarchy #
  • Find a common owner component (a single component above all the components that need the state in the hierarchy).
  • If you’re familiar with the concept of state , don’t use state at all to build this static version.
  • If you can’t find a component where it makes sense to own the state, create a new component simply for holding the state and add it somewhere in the hierarchy above the common owner component.

Read the full article, click here.


@oskar: “Thinking in @reactjs with a bunch of @jsfiddle examples –”


React is, in my opinion, the premier way to build big, fast Web apps with JavaScript. It has scaled very well for us at Facebook and Instagram.


Thinking in React

Which is More Popular: Angular JS or React JS?

  • AngularJS tracks and delivers updated relational content to users, without requiring developers to write additional code.
  • The two frameworks differ from each other in the categories of feature, functionality, usage and performance.
  • The developers must avoid using the two frameworks together to prevent the web application from becoming complex.
  • Bidirectional Data Binding: AngularJS further beats React in the category of data binding.
  • It becomes easier for web developers to boost the website’s user experience by allowing visitors to access new and dynamic content without leaving the web page.

Read the full article, click here.


@AliyahChoudhry: “Understanding Major Differences between #AngularJS and #ReactJS”


Both AngularJS and ReactJS are widely used front-end frameworks. AngularJS is a JavaScript based structural framework, whereas React is a JavaScript library for developing web user interfaces. According to the usage statistics posted on various websites, AngularJS is currently more popular than React. But a number of reports recently highlighted the growing popularity of React.


Which is More Popular: Angular JS or React JS?