React Native 路 Issue #119 路 yahoo/react-intl 路 GitHub

  • In the FormattedDate component (date.js) the return {formattedDate}; should be replaced with a createElement function like used in the FormattedMessage component.
  • I’m planning to create a component to abstract out messages like this: https://github.com/ngduc/react-setup/blob/master/src/app/Home/messages.js
  • @gerbenupinion I don’t think using tag prefix makes sense, component is probably better.

Read the full article, click here.


@mOoot: “using react-intl in a #reactnative app is a piece of cake 馃檪
#reactjs”


react-intl – Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.


React Native 路 Issue #119 路 yahoo/react-intl 路 GitHub

GitHub – PlatziDev/react-url: A React.js High-Order Component and decorator for parsing and resolving URLs inside your application.

  • The mapURLToProps function will receive the getURL function and props object as parameter and should return an object.
  • The getURL function receive the URL name and an objet with the parameters to use in it and return the parsed URL.
  • parser receive as arguments the urls map, the URL name and the options/parameters object.

Read the full article, click here.


@JavaScriptKicks: “PlatziDev/react-url by @sergiodxa #javascript #reactjs via @JavaScriptKicks”


react-url – A React.js High-Order Component and decorator for parsing and resolving URLs inside your application.


GitHub – PlatziDev/react-url: A React.js High-Order Component and decorator for parsing and resolving URLs inside your application.

MRN: A Material Design style React Native component library.

MRN: A Material Design style React Native component library.  via @evivz

  • A Material Design style React Native component library.
  • MRN
  • Commenting is limited to those invited by others in the community.

Read the full article, click here.


@ProductHunt: “MRN: A Material Design style React Native component library. via @evivz”


MRN – A Material Design style React Native component library.. Posted by Vivek Sancheti, on Product Hunt.


MRN: A Material Design style React Native component library.

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

Fernando Ag眉ero’s answer to What is the difference between JQuery, AngularJS and ReactJS? – Quora

  • Save your draft before refreshing this page.
  • Submit any pending changes before refreshing this page.
  • The main takeaway is that both are used as frameworks : you can use either one of them to build a complete web app.

Read the full article, click here.


@fjaguero: “What is the difference between JQuery, AngularJS and ReactJS?”


jQuery is mainly used when you are using a framework or a CMS (see WordPress) and you need to develop features that involve DOM manipulation (fade in/out, highlight input fields, animations, etc)


Fernando Ag眉ero’s answer to What is the difference between JQuery, AngularJS and ReactJS? – Quora

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 鈥渁 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