GitHub – madvas/cljs-react-material-ui: Clojurescript library for using material-ui.com

  • ( ui/mui-theme-provider { :mui-theme ( ui/get-mui-theme )} ( ui/paper ” Hello world ” )) ( ui/mui-theme-provider { :mui-theme ( ui/get-mui-theme { :palette ; U can use either camelCase or kebab-case { :primary1-color ( ui/color :deep-orange-a100 )} :raised-button { :primary-text-color ( ui/color :light-black ) :font-weight 200 }})} ( ui/raised-button { :label ” Click me ” :primary true }))
  • for example: [org.omcljs/om “1.0.0-alpha34” :exclusions [cljsjs/react cljsjs/react-dom]]
  • Use the same pattern when u want to change theme for some children, see example app.

Read the full article, click here.


@matuslestan: “I released library, which greatly simplifies using @MaterialUI with #clojurescript #omnext #clojure #reactjs”


cljs-react-material-ui – Clojurescript library for using material-ui.com


GitHub – madvas/cljs-react-material-ui: Clojurescript library for using material-ui.com

Higher Order Components in React at Voxxed Days Ticino 2016 // Speaker Deck

  • The approach often produces replication of functionalities in several components; Higher Order Components (HoC) is the natural solution for this scenario and is a more functional alternative to traditional React mixins.
  • In React there are 2 main types of building blocks: stateful components and stateless components.
  • The former type is defined by elements owning the application logic; this kind of components often is bound to external elements and owns a state.

Read the full article, click here.


@cef62: “My slides for: Higher Order Components in React at Voxxed Days Ticino #VDT16 #reactjs @VoxxedTicino @__fevr”


React is “a Javascript library for building user interfaces”. The core of React follows many concepts of Functional Programming, code composition is one of its main features. In React there are 2 main types of building blocks: stateful components and stateless components. The former type is defined by elements owning the application logic; this kind of components often is bound to external elements and owns a state. The latter type is composed of pure components where all dynamic data is received from their props and no internal state is defined. This approach often produces replication of functionalities in several components; Higher Order Components (HoC) is the natural solution for this scenario and is a more functional alternative to traditional React mixins. An HoC abstracts component functionalities and offers an easy way to compose them when required making the code more maintainable and avoiding duplicates. During the session we will see how to implements this pattern taking attention on its pros and cons.


Higher Order Components in React at Voxxed Days Ticino 2016 // Speaker Deck

Getting Started

  • // app.js import React from react ; import { combineReducers, createStore } from redux ; import { Provider } from react-redux ; import { modelReducer, formReducer } from react-redux-form ; import LoginForm from .
  • /> component for mapping controls to form and model changes quickly.
  • Component { render() { return ( < Provider store = { store }> < LoginForm /> ) } } // forms/login-form.js import React from react ; import { connect } from react-redux ; import { Field } from react-redux-form ; class LoginForm extends React .

Read the full article, click here.


@CodeTweeter: “Create forms easily in React with Redux

#reactjs #REDUX @reactjs”


Complete documentation for the React Redux Form library


Getting Started | react-redux-form

Dynamically render home page · mjackson/npmcdn.com@9e0f434 · GitHub

  • + < li >< a href = " /react/dist/react.min.js " > https : //npmcdn.com/react/dist/react.min.js
  • npmcdn is intended to make it easier to publish code, not harder, so Bower support will be removed in January 2017.
  • – < p >You may use the special < code >/bower.zip file path in packages that contain a < code >bower.json file to dynamically generate a zip file that Bower can use to install the package.

Read the full article, click here.


@mjackson: “I love copying and pasting an HTML file into a @reactjs component file. It never gets old”


The website for npmcdn.com


Dynamically render home page · mjackson/npmcdn.com@9e0f434 · GitHub

GitHub – Daniel15/babel-standalone: Standalone build of Babel for use in non-Node.js environments, including browsers. Similar to the (now deprecated) babel-browser.

  • babel-standalone is a standalone build of Babel for use in non-Node.js environments, including browsers.
  • It’s true that using Babel through Webpack, Browserify or Gulp should be sufficient for most use cases.
  • There are several ways to get a copy of babel-standalone.

Read the full article, click here.


@Rygu: “This uses the excellent in-browser `babel-standalone` library by @daniel15.
#reactjs”


babel-standalone – Standalone build of Babel for use in non-Node.js environments, including browsers. Similar to the (now deprecated) babel-browser.


GitHub – Daniel15/babel-standalone: Standalone build of Babel for use in non-Node.js environments, including browsers. Similar to the (now deprecated) babel-browser.

GitHub – Sitebase/react-avatar at 0.7.3

  • Used in combination with name and value .
  • Will be used to generate avatar based on the initials of the person
  • Give the text a fixed color with a hex like for example #FF0000

Read the full article, click here.


@Sitebase: “New version of react avatar published that includes retina fix. #reactjs #javascript”


react-avatar – Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user.


GitHub – Sitebase/react-avatar at 0.7.3

NativeBase: Experience the awesomeness of React Native without the pain

NativeBase: Experience the awesomeness of React Native without the pain.  via @_cxa

  • upvote tweet share 2016-04-30T09:26:18.776-07:00
  • Experience the awesomeness of React Native without the pain
  • To me, the biggest pain of react native was setting it up, not using it once a project has been started.

Read the full article, click here.


@ProductHunt: “NativeBase: Experience the awesomeness of React Native without the pain. via @_cxa”


NativeBase – Experience the awesomeness of React Native without the pain. Posted by 陈贤安 CHEN Xian-an, on Product Hunt.


NativeBase: Experience the awesomeness of React Native without the pain