Ivan Linko’s answer to How good is ReactJS for building e-commerce websites?

  • A common E-commerce website usually comprises a plethora of forms to fill, complex filters, elements, which interact with different APIs, maps, etc.
  • With the help of React you can easily implement all of those features, making it a good option to build highly interactive E-commerce websites.
  • One of the great things about React is that it allows for a rather convenient way of storing and manipulating the state of your app (e.g. filtering through items is a change in the state of the app).
  • What’s more, React comes with a whole bunch of ready-made modules for all occasion, not mentioning that it’s easy to test and scale.
  • We’ve used React in some of our E-commerce projects and it recommended itself as a very mature and versatile technology.

A common E-commerce website usually comprises a plethora of forms to fill, complex filters, elements, which interact with different APIs, maps, etc. With the help of React you can easily implement all of those features, making it a good option to build highly interactive E-commerce websites. One of the great things about React is that it allows for a rather convenient way of storing and manipulating the state of your app (e.g. filtering through items is a change in the state of the app). What’s more, React comes with a whole bunch of ready-made modules for all occasion, not mentioning that it’s easy to test and scale.
Continue reading “Ivan Linko’s answer to How good is ReactJS for building e-commerce websites?”

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.”

Visualization tool for #Reactjs, with support for Fiber, Router (v4), and Redux

  • If you’d like to build your own version of React Sight: – – If you have any additional questions send us a message at reactsight@gmail.com 🙂 – – Hover over nodes to see their state and props in the side panel.
  • We built React Sight because there are no tools on the market that give you a visual representation of the structure of your App.
  • When we were developing our own projects, we wished we had a way to see how everything was structured.
  • We wanted React Sight to be simple to use, which is why all you have to do is install a Chrome extension.
  • If you’re interested in joining the React Sight team as a contributor, feel free to message one of us directly.

React-Sight – Visualization tool for React, with support for Fiber, Router (v4), and Redux
Continue reading “Visualization tool for #Reactjs, with support for Fiber, Router (v4), and Redux”

Cosmic JS Blog Stay tuned for feature roll-outs, news and updates as we continue to help you manage content for your websites and applications faster and easier.

  • In this tutorial, I’m going to show you how to create a simple Sticky Notes app using React, Redux, Selectors, Redux Sagas, a little bit of Node, and Cosmic JS.
  • For the sake of understanding how to consume Restful API’s, this tutorial will show how to make AJAX (XHR) requests to the Cosmic JS API in order to retrieve, add, update, and delete data/media in our Cosmic JS Buckets.
  • The bundle.js file located in our dist directory is what our webpack.config file will spit out after bundling all of our react components.
  • Request uses whatwg-fetch to hit AJAX requests to the Cosmic JS API.
  • This util is used to call those endpoints which are not present in the Cosmic JS package e.g deleteMedia and searchObjects based on filters – – Cosmic JS uses cosmicjs package to hit AJAX request to Cosmic API.

Cosmic JS is a cloud-hosted content platform that offers a flexible and intuitive CMS API. Build websites and applications with more freedom and manage content easier. Get started for Free.
Continue reading “Cosmic JS Blog Stay tuned for feature roll-outs, news and updates as we continue to help you manage content for your websites and applications faster and easier.”

JSK Weekly is out. Come and see the best stories of the past week #javascript #reactjs

JSK Weekly is out. Come and see the best stories of the past week  #javascript #reactjs

  • JavaScript modules are with us.
  • Browsers implement them natively, and now Node.js decided to introduce them using *.
  • Johannes Ewald writes about the current state of JavaScript modules, including browser implementations, Webpack, Node.js changes, what does it means for library creators, users, etc.
  • If you are still struggling with parallelism and concurrency, take a look at Jonathan Martin’s article on elegant concurrency patterns in JavaScript.
  • Also big news last week was the release of Node.js 8 which includes npm version 5, a new version of V8 engine with significant performance optimizations, native add-ons support, buffer changes, and much more.

JavaScript modules are with us. Browsers implement them natively, and now Node.js decided to introduce them using *.mjs extension which caused quite a stir in the community. Johannes Ewald writes about the current state of JavaScript modules, including browser implementations, Webpack, Node.js changes, what does it means for library creators, users, etc.

Jake Archibald has a great article on HTTP/2 push specification where he takes a deeper look into it and the problems with the various browser implementations.

If you are still struggling with parallelism and concurrency, take a look at Jonathan Martin’s article on elegant concurrency patterns in JavaScript. He covers event loop, promise chaining, async functions, parallel execution and other topics.

Also big news last week was the release of Node.js 8 which includes npm version 5, a new version of V8 engine with significant performance optimizations, native add-ons support, buffer changes, and much more. We have several articles covering the new features.

Continue reading “JSK Weekly is out. Come and see the best stories of the past week #javascript #reactjs”