Qolzam/react-social-network – Simple Social Network with #reactjs

Qolzam/react-social-network - Simple Social Network with #reactjs

  • The React Social Network is an open source project relying on React a powerful javascript library for building the user interface.
  • In this project, I tried to show some features of react/react components as a social network.
  • For those who prefer writing code by typescript, now React Social Network support both javascript and typescript language.
  • I recommend that you get to know React before using React Social Network.
  • React Social Network has built by React components, so understanding how React fits into web development is important.

react-social-network – Simple React Social Network
Continue reading “Qolzam/react-social-network – Simple Social Network with #reactjs”

redux mapStateToProps optimization – Cvetanov Goce – Medium

redux mapStateToProps optimization  #redux #react #javascript #reactjs

  • mapStateToProps can now return a function instead of an object.Note: in advanced scenarios where you need more control over the rendering performance, mapStateToProps() can also return a function.
  • In this case, that function will be used as mapStateToProps() for a particular component instance.
  • [from the official docs]If redux receives an implementation which returns a function it performs a closure for wrapping the own props of the component and therefore bypasses the invocation of the mapStateToProps every time the component changes it’s props received from the parent component.
  • How this is done can be seen here.We can now rework our implementation of the MyBlogs component in the following way and achieve a minor performance boost.function ownProps) { // a closure for ownProps is created // this factory is not invoked everytime the component // changes it’s props return function mapStateToProps(state) { return { blogs: state.blogs.filter(blog = blog.author === ownProps.user) }; };}export default using the component’s own props inside mapStateToProps, wrap the mapStateToProps function with a mapStateToPropsFactory which will return the function itself instead of the object directly and redux will not invoke your mapStateToPropsFactory for every parent prop changes.Thanks to my mentor Oliver Lazoroski for pointing this out to me and I will share his TL;DR; remark on this:Think of it like this, if redux receives a mapStateToProps which has ownProps as second argument and it returns an object, it switches off every optimization it makes for your connected component.This was my first of many articles on medium and I hope you will find it useful.

Redux is an open source implementation (aren’t they all?) of the flux architecture suggested by Facebook as a compliant standard for working with data in large React applications. Created by Dan…
Continue reading “redux mapStateToProps optimization – Cvetanov Goce – Medium”

A simple and lightweight SQL client desktop/terminalwith cross database and platform support.

  • Please help us with feedback or, even better, with pull requests.
  • In case you prefer terminal interfaces.
  • A desktop application with a simple interface.
  • A simple and lightweight SQL client desktop/terminal with cross database and platform support.
  • Available for Linux, Mac and Windows

Read the full article, click here.

@brian_d_vaughn: “Just discovered #sqlectron, built with #reactjs & using #reactvirtualized to display large query results~ very cool!”

A simple and lightweight SQL client desktop/terminalwith cross database and platform support.