React Redux Notes

Redux is not just for React, it’s a store system available for other frameworks like Angular, Jquery, Ember or vanilla JS. redux is the main package and react-redux is a supporting package for binding with react. Installation Store Create a store.js file to store all the state items in it. I did it on src/redux/store.js Import createStore which is a function from redux: Create a default state object to hold all of your state info: Create a reducer function which takes a state and an action object. Always return the default state from the reducer function. Destructure the type and …

Read More

Understanding React, My Talk at React Con Dhaka

So last week I had the chance to talk at my very first React and JavaScript event. In this talk I shared my journey of learning React + some of the inner workings of this JavaScript framework. If you would like to know more about this event, you can read my post on Medium (Opens in a new tab) I posted the live recording over at YouTube, you can check it out (The language is Bangla) For those who are reading my blog, I am going to share a few pointers which I discussed about Understanding React: My React Story …

Read More
reddit clone in mern stack react and nodejs

Thoughts after Building a Reddit Clone in MERN (Node & React)

So last week I put together a reddit like site, a clone of reddit as you can say. This is my first MERN stack application I am putting out to the world. I pretty much did a rush work and cut a lot of corners, just to get it out there and see how it goes. Features A user can get a display name. This time I did not use any user registration mechanism. This also lead to some spam, which I will share in the rest of this post. The user can post something and vote up and down. …

Read More

Finally I got to Build a MERN Stack Application!

For those who don’t know, MERN stands for Mongo database, Express framework, React.js framework and Node.js runtime environment. Together they create a software stack for building custom web application. Now that’s all the technical stuff, let me share what’s exactly I mean by all this.. So I know how to make simple websites with HTML and CSS. But the problem is, those sites are dumb, they don’t do anything. If I wanted to make it more than a website, I needed to make it more dynamic. Like adding option for user registration. Give option to add content, comment on it. …

Read More