My Internship in Genius Plaza — Implementing React JS into existing Django App.

I felt excited about my Internship in a startup like Genius Plaza where I had a chance to work with cool geniuses. Luckily I had a cool manager Patrick and George, who encouraged me to implement a framework in order to control the website traffic and improve the efficiency of our application.

You may ask a question, Django is a powerful framework does everything like Ruby on Rails. Why? I need to use React JS with Django. It’s purely depends on your project’s scope. If your front-end code base keeps on increasing, you want to optimize, reuse and increase the speed of page load time or you need to handle the website traffic, then you should use some Front-End frameworks like Angular, React, etc.

Why we choose React JS? What is React JS? we will take a bit here — React is an open-source JavaScript library created by Facebook for building complex, interactive UIs in web and mobile applications. JavaScript is faster but updating the actual DOM takes time in real world, hence React JS have introduced the concept of Virtual DOM. React element is an object representation of a DOM node, First is JavaScript objects are light weight so React can create and destroy these elements without too much overhead. The second reason is React is able to analyze the object, diff it with the previous object representation to see what changed, and then update the actual DOM only where those changes occurred. This has some performance upsides to it.

React with its leveraging of virtual-dom and dedication to modularity and reusability, it’s proving to be a beacon of hope to many developers on the bleeding edge of web technologies. Django, for similar reasons, remains a super powerful tool set. Therefore, I wanted to combine the two powers.

We separated the Front-End from the Django, we are able to see the far better performance in our application. We can see the improved performance of our Bank page which is the core page of our application.

Some Challenges I faced:

  1. Configuration of React JS and Django through Webpack and npm.
  2. Implementation of Django Internationalization(i18n) library in React JS.
  3. State Management in React JS through REDUX.
  4. Handling Component hierarchy and better filter results.

I can take many positives from this Internship, I have learned a lot through out the period of my Internship. Now I have confidence that I can do anything in React JS. I need to thank Ana, CEO of Genius Plaza, I never seen such a passionate person in my life.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.