Welcome
To read some *Random Jots*, mostly related to my work and life
Learning reactjs flux, node, electron ... (Part-13)
In this post we will add a very basic interactivity functionality. When any friend in friend list is clicked that friend should be the active friend.
Learning reactjs flux, node, electron ... (Part-12)
In this post we will divide the chat component, abstracting the task of listing friends to a separate component. And we will also add some styling to the component. Let’s name the component that lists friends as “FriendList”.
Learning reactjs flux, node, electron ... (Part-11)
So far the chat interface has been intangible, we have console logs but the front interface itself doesn’t do anything at all. Lets change this lets make it display list of our friends. We will start by doing this in the chat component itself and then refactor various functionalities of the chat component into their own component as required.
Learning reactjs flux, node, electron ... (Part-10)
Let’s create a layout component that would enable us to organize our components in terms of hbox and vbox. You’ll find an example of these layout rules
Learning reactjs flux, node, electron ... (Part-9)
In previous post we added functionality for login. Now user can enter their facebook username and password and get authenticated. Next step is to show chatting screen as soon as login is successful. But due to the way “facebook-chat-api” and Flux works, I’m quite confused. After login is successful we get “api” object in the callback
Learning reactjs flux, node, electron ... (Part-8)
Currently the login store’s authenticate method does nothing much. Obviously it should try to login from Facebook. For this purpose we will use facebook-chat-api. We will wrap actual calls to the “facebook-chat-api” inside our service classes. As of now I’m planning to use LoginService class for login, and ChatService to get the chat running.
Learning reactjs flux, node, electron ... (Part-7)
Lets try adding some behaviour into the login form, we created in the previous post. To get the behaviour we want, we will follow the recommended pattern from Facebook i.e. Flux.
Learning reactjs flux, node, electron ... (Part-6)
Lets establish a basic flow for our application. The initial thing that user sees as soon as application is started is the login interface. Once user enters the credentials and is successfully validated, the user should see the chat interface. Chat interface will consist of the user’s friend list, and the interface to type messages.
Learning reactjs flux, node, electron ... (Part-5)
A series titled “Learning reactjs flux, node, electron …”, with four posts already published nothing much has been done yet about ReactJs or flux. That’s abscurd right? Yes, I also can feel that. Now is the time to change this.
Learning reactjs flux, node, electron ... (Part-4)
Finally we now have a basic structure of folders, configurations files, build system and a minimal running program in place, after these excruciating long process.