Frontend Engineer - React Js

Role Summary:

Front-end Developer who would contribute towards building a highly flexible and scalable front-end by bringing deep core technology expertise.

Job Description:

- Ensure proper offline access using service workers and PWA

- Develop components which are SEO friendly

- Have experience in server-side rendering

- Drive evolution of application performance

- Ensure project scalability by having good project architecture

Skill Requirements:

- Good experience in HTML5, CSS3, JS - React

- React native

- Angular - Redux exposure - Have handled service workers and PWA caching and updates - CSS pre-processors knowledge like sass - Knowledge of webpack, parcel, grunt etc.

-Knowledge of pre-processors like SASS/LESS, CSS-Modules.

- Architecting and automating the build process for production, using task runners or scripts (Gulp / Grunt)

-Have an eye for good UI/UX, Progressive Web Apps, Responsive Design

-Interested in writing code, actively experimenting along with learning new things.

Individual applying to the role should ideally have the following attributes

-Passionate about Frontend Development and continually follow the platform & innovations

-Strong and innovative approach to problem solving and finding solutions

-Interested in working on fast-paced

- Excellent communicator (written and verbal, formal and informal)

- Flexible and proactive/self-motivated working style with strong personal ownership of problem resolution

- Ability to multi-task under pressure and work independently with minimal supervision.

- Ability to prioritize when under pressure.

Type, Location,

Full Time @ Anywhere in India

Desired Experience

3+ years

Job Description

What You’ll Do

• Taking an active role in architecting the solutions we build
• Designing and implementing web applications using JavaScript and its frameworks (i.a. React, Vue, Angular), HTML5 and CSS3
• Working closely with the dispersed development team, client, and project manager in the SCRUM methodology
• Ensuring that programming practices and code quality are respected
• Supporting other engineers with your expertise when needed (knowledge sharing)
• Leading your colleagues’ growth and development

What you bring to the table

• 3+ years of experience with JavaScript (good knowledge of ES2016; newer versions and TS 3+ are a plus)
• Experience in developing web applications using Angular2+ and another modern framework
• Being comfortable HTML5 and CSS3
• Experience with version control systems, preferably Git
• Demonstrated tech leadership in a medium-sized team, and the ability to design a complex system
• Eagerness to learn and constantly improve yourself
• Being a team player focused on getting things done

• Overall 4 years development experience with 2+ years of professional experience working with React Native
• An understanding of React Native best practices and a commitment to following them.
• Experience with popular React Native workflows such as Redux and ESLint, Jest, Enzyme.
• Experience with Agile development, scrum.

Requirements:

• Previous experience working as a React.js Developer.
• In-depth knowledge of JavaScript, CSS, HTML and front-end languages.
• Knowledge of REACT tools including React.js, Webpack and Redux is a must.
• Experience with REST APIs
• Proficient understanding of code versioning tools
• Ability to translate designs into code
• Experience with browser-based debugging and performance testing software.
• Excellent troubleshooting skills.

Role and Responsibilities

• Making technology work for small holder farmers is the primary function of this team, the individual joining this team should be self-driven towards creating impact.
• A keen listener and has a pro-active approach to problem solving.
• Should understand the role of digital transformation in a company’s journey.
• An individual who follows technological advancements closely and thinks of new and innovative use cases that such technology can solve.
• Having previous experience in product management and/or platform development projects is a plus.
• Knowledge of software development life cycle and software configuration management tools preferred.
• The candidate should demonstrate high bias-for-action and should drive results that matter to the function and to the entire organisation.
• Build from ground up, a scalable server infrastructure and client applications.
• Design, develop and deploy features and consume APIs with high quality standards.
• Manage the infrastructure hosted in the cloud.
• Contribute significantly in reviewing code, design & test-cases authored by peers.

Qualifications and Education Requirements

• 2-6 years experience of design and development experience building scalable & distributed systems.
• Bachelor’s or Master’s degree in Engineering from reputed institutes.

SKILLS

• Agile Project Management
• Software Development Life Cycle and Software Configuration Management
• Excellent coding, debugging skills.
• Hands-on experience on the following tech stacks:
  ReactJs, NodeJs, TypeScript, PostgresSQL/MongoDB, Nginx, Pm2, Redis, Bootstrap, CSS
• Knowledge of Microservices and REST APIs.
• Must have: Experience with managing server infra in hybrid cloud AWS & GCP.
• Must Have: Very good understanding of OOPS and design patterns.
• Nice to have: Hands-on-experience with analytics using ELK stack/ Mixpanel.

We are building a workspace for Marketing teams - Think Webflow for Marketing teams, Grafana for Marketing teams who operate on large data sets and need a clear intuitive interface to look at all their data.

Traditionally Marketing teams have always had to depend on a large BI team to provide them with the data they need to make decisions. Clarisights eliminates this by giving Marketing teams everything they need in one intuitive, collaborative reporting platform.

We work with large enterprise Marketing teams around the world like Delivery Hero - The world's largest food delivery co., HelloFresh the world's largest mealkits delivery co. etc.

Our platform is central to how business teams make decisions and you will work on the interface that these teams use. We are helping non technical business users get comfortable with data by giving them a platform they can use to drive.

What makes this role challenging? Think Google Docs, Slides and Sheets all combined in one platform. We have a collaborative text editor which is used by teams together and we built our table grid which is extremely powerful. Tables, being one of the heaviest and most used widgets we have, have records composed of metric data(averages, share percentages, comparison data), multiple creatives(images, videos, gifs), trends(charts inside each cell) and a lot more.

The huge amount of data points naturally increases the amount of DOM nodes and thus it becomes memory heavy and CPU intensive to run the app in the browser. One table can have 500 records that the users can scroll through at once. Now imagine having 10+ of such tables in one tab, and each report comprising of multiple tabs. And we also support features like drilldowns/breakdowns, column freezing, row freezing, in the tables all while ensuring a smooth user experience.

We decided to build it from scratch using React Virtualize since most table libraries did not give us the performance or features we need. We also extensively use charts to visualize data and as we are scaling, a lot of these components have to be rebuilt to handle the volume of data we process.

We are only getting started, we want to make our platform a lot more collaborative and immersive by giving teams ability to interact with charts by adding annotations and ability to tag team members and leave notes for them. This might seem a solved problem when you look at collaboration on Google Docs but it's an extremely tricky problem for us as we don't deal with static data the way you have it with Google Docs.

Unlike read only dashboards which do not allow edits after building, our platform is meant for collaboration within teams. Think of how shitty collaboration was for design teams before Figma.

We are looking for someone who obsesses over performance and is comfortable with profiling performance, can think of frontend architecture. We are also looking for a lead who can mentor the team on performance and scale.

While working with such complex interfaces, often times, performance and the tech becomes a bottleneck for the user experience we strive for. We are looking for someone who —

• Understands fundamentals of Application Design and has designed/architected applications from scratch.
• Has worked on large-scale applications, and setup/maintained its data pipelines (data flows from backend to frontend)
• Has architected efficient and reusable front-end systems that drive complex web applications

• 3+ years of JavaScript experience, including concepts like asynchronous programming, closures, types.
• HTML/CSS experience, including concepts like layout, specificity, cross browser compatibility, and accessibility
• Experience with browser APIs and optimizing frontend performance
• Previous experience with dashboard apps, charts framework, window virtualisation
• Has written Generators for project setup
• Comfortable with tech like Postgres, Docker, Rails
• Understands tooling like Webpack, Babel

Experience with React and Typescript is preferable but not necessary.

• Understanding the data flow and familiarise oneself with the app components
• One feature/task like updating something that touches majority of the app — this is again aimed to get familiarity with the whole codebase in the quickest way
• Synchronising the data pipelines by adopting better serialisation protocols
• Creating avenues to improve app performance (by profiling and benchmarking)