Best Practice: How I structure my React/ Redux projects

  • But when developing larger projects one have to think about a good structure of components and code artifacts.
  • When it comes to sharing components and (redux-)logic between several project a good composition is keen.
  • The initial project structure created by React Create App looks as follows: – – When you start introducing Redux you also need places for the typical redux artifacts: the store, reducers, epics and actions.
  • contains the reducers which may change the store’s state based on the actions of this component: { } ; { } ; ({ value , output Enter your name and press submit! })
  • For this reason my components always also include a set of actions, epics and reducers: – – includes a plain react component which is wrapped by within : – – These component redux structures may also be with multiple levels, just like the usual ones mentioned above.

When developing frontends I personally love to work with React and Redux due to its functional paradigms: You can easily develop, compose and test web components – Wondeful. But when developing larger projects one have to think about a good structure of components and code artifacts. When it comes to sharing components and (redux-)logic between several project a good composition is keen.
Continue reading “Best Practice: How I structure my React/ Redux projects”

react-konva now supports @reactjs v16. Now it uses new react-reconciler.

  • React Konva is a JavaScript library for drawing complex canvas graphics using React.
  • Currently you can use all components as React components and all events are supported on them in same way as normal browser events are supported.
  • It is NOT about drawing graphics, but react-konva is exactly for drawing complex graphics on element from React.
  • Konva helps here a lot (especially when you need events for objects on canvas, like “click” on shape, it is really hard to do with vanilla canvas).
  • Somethings like: – – But for simple cases you can use methods: – – For images you need manually create native window.Image instance or element and use it as attribute of component.

react-konva – React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.
Continue reading “react-konva now supports @reactjs v16.
Now it uses new react-reconciler.”