Logoclose button
JSLancer technologies
react
What is React?
React is the most popular library to develop the user interface for web, desktop app, and mobile app. React is developed by Facebook and is published in 2011. At that time, there were some other famous UI libraries like AngularJS, Knockout, Ember, and Backbone but React quickly became the most popular library for UI development because of these reasons:
  • React has a very small learning curve, almost anyone with good Javascript and CSS fundamentals can learn React within a few days.
  • React is designed to be easy maintenance.
  • Facebook actually uses React. It shows how much trust that Facebook placed in React.
Nowadays, React has the best ecosystem, and we can find almost any third-party library to support React development. We can also have React Native which helps us build a mobile application quickly along with native platform capabilities.
How do we develop React applications at JSLacer?
We are proud that React development is our best skill as our developers have 6 years of experience building applications with React. Here are some React projects that are built by our team for our clients:
  • Iorad - Tutorial builder
  • FiveGrid
  • MasteringBox
  • File manager
  • Merchant dashboard
  • Open-source projects
Here are the tools and libraries that we use with React:
  • TypeScript
  • Redux
  • styled-components
  • Apollo
  • GraphQL
  • SASS
  • Jest
  • Enzyme
JSLancer coding standard for React development
Write small component
This is the first rule that everyone must follow writing a React component. Our rule of thumb is a React component never exceeds 300 lines of code. A small component has several benefits:
  • It is easy to read source code and maintains a small component
  • React works more efficiently with small components.
  • It is easier to write unit tests, or integration tests for small components.
Prefer functional component
Functional component is written shorter and simpler, which makes it easier to develop, understand, and test. Class components can also be confusing with so many uses of this. Using functional components can easily avoid this kind of mess and keep everything clean.
Make reusable components, hooks
It's important for us to make reusable UI components, like input, button, dropdown, datepicker, etc. They save development time, keep the application UI consistent, and easier to maintain and test. If we have multiple projects that are using the same UI components, we use [bit.dev](http://bit.dev) to share UI components between them.
We love React hooks, they are the best things happen to React development. Hooks make it easy to share business logic between UI components.
Automation code quality control with eslint
We follow the Airbnb Javascript style guide to enable a consistent code style, and avoid bugs, prettier codebase for every project. These coding styles are enforce by eslint, it analyzes the code to quickly find any problems.
Every commits must be reviewed by technical leader
When our developers start working on a new task, they will create a new branch and push their commits into that branch. When they finish their work, they need to create a pull-request to apply changes into main branch. The pull request then is assigned to our tecnical leader, our technical lead will review it carefully to make sure the changes will work as the task requirement, and he also check the coding style, and review unit test. He then gives feedback back to developer if he find anything is not correct. This feedback loop allows the developers stay focus on the project and improve themselves.
Contact us today
Are you looking to outsource your React development project? Book a free consultant meeting with us. Our highly skill engineer team will discuss with you and propose a custom solution and free estimation that match your budget and expectation.