Create actions with redux-tide it’s simple! #redux #reactjs #Redux #React

Create actions with redux-tide it's simple!

#redux #reactjs #Redux #React

  • You don’t need to create reducers for rest-api data – – You should create reducers only for business front-end logic – – Redux-Tide – Do not force you to use only it, – – This is a small library helping you create normalization, actions, reducers and selector – – You…
  • js example from Usage section – – When you need to force a clear state of action, please use – – Please read Create one action for different entity id section and Other options to create an action – – And look examples: – – different-entity-id-example – – different-entity-id-source -…
  • () action id if you called where postId === 5 .
  • { post with id 5 is was deleted success } } we used action delPostById with prefix postId so, actionId has postId in actionId and if you want track all calls with any postId you hould used parentActionId property parentActionId – it’s actionId from action which was called .
  • () } } } – – For details you can look example: – – different-entity-id-example – – methods returns same action – – But generate new uniq dispatch type and new uniq action state – – You should be call , , when you are dispatch event and use getActionData…

redux-tide – Simple library for redux crud normalized state and actions/selectors for it
Continue reading “Create actions with redux-tide it’s simple!

#redux #reactjs #Redux #React”

Publishing react components to NPM — experiments with firenpm – Medium

  • Publishing react components to NPM – experiments with firenpm
  • Whenever you want to work on your react component in a separate package you need to face with the development setup.
  • run web – open the browser with running webpack
  • There is only firenpm and firenpm.web in your devDependencies .
  • Commands above, will install firenpm cli and runjs, generate some files, run tests and open your project within the browser.

Whenever you want to work on your react component in a separate package you need to face with the development setup. ES6/7/Babel, linting…
Continue reading “Publishing react components to NPM — experiments with firenpm – Medium”

core-notes/june-30.md at master · reactjs/core-notes · GitHub

😱 React Hot Loader 3 stable is coming!

 @dan_abramov

  • You can find the demo but you’d need to compile React DOM to point to the fiber version .
  • It is essential that we add some version of PureComponent to React because a lot of components use PureRenderMixin .
  • We are moving towards not using createClass in the internal Facebook components.
  • Dan will take a week to fix a few issues and release a stable version with docs.
  • It is popular in the community but the last stable version doesn’t work with functional components.

Read the full article, click here.


@mxstbr: “😱 React Hot Loader 3 stable is coming!

@dan_abramov”


core-notes – Weekly meeting notes from the React core team


core-notes/june-30.md at master · reactjs/core-notes · GitHub

Fun with Typescript, Webpack and ReactJS

  • I liked ReactJS too, and this is the second fun-project I do using it, but since I am an Angular die-hard I have to try the stable version of Angular 2 (which just released RC) to decide if there is a winner between them.
  • The Typescript compiler will use the typings and compile the code into ES5-valid Javascript and then Webpack will take all the files and output 2 bundles.
  • I like to have separation between the app code which is Typescript and other JS code I might have, so I compile a bundle for the Typescript code ts.bundle.js and one for normal JS-code js.bundle.js .
  • Why choose Typescript and not stay with Babel is justified by the points below.
  • I already gave a go to Babel, so this time it was time for Typescript.

Read the full article, click here.


@LambrosPetrou: “Fun with Typescript, Webpack and ReactJS – #webdev #reactjs #typescript #numerology #webpack #gulp”


A small fun-project with Typescript, Webpack and ReactJS. Numerology calculates your life path number.


Fun with Typescript, Webpack and ReactJS