Tech lead - Frontend

We are looking for a Frontend developer who is proficient with React.js with Html and CSS. The primary focus will be on developing user interface components and implementing them, following well-known React.js workflows such as Redux. The developer would ensure that these components and the overall application are robust and easy to maintain.

Job Description

● Independently think of solutions to complex requirements; possess exceptional logical skills.

● Work on products that are used across platforms (e.g. Android and iOS Mobile Devices,

Tablets, Desktop/Mac)

● Analyse current products in development, including performance, scalability, diagnosis and troubleshooting

● Work with the existing framework and evolve it by building reusable code & libraries

● Search and introduce new software related technologies, processes and tools.

● Collaborate with other team members

● Working on the robustness of the application

Key Skills Required:

● Strong hands-on experience in JavaScript, HTML5, CSS3, CSS3 Animations.

● Good understanding of advanced JS libraries and frameworks such as React.js and Angular.

● Understanding of client-side unidirectional data flow principles and Redux knowledge.

● A good understanding of - React Native - is a big plus.

● UI Performance: should have hands-on experience of optimizing page load, rendering,caching.

● NodeJS, Webpack knowledge is a plus.

● Proficient understanding of cross browser compatibility issues and ways to work around such issues.

● Fluent in responsive design and mobile / tablet UI / UX.

● Web mobile (touch devices: mobiles and tablets) experience is expected.

● Familiarity with JavaScript standards(ES5,ES6) and OOPS concepts.

1. We are looking for champions for scalable web application development with experience in

Roles & Responsibilities:

• Meeting with the development team to discuss user interface ideas and applications.
• Reviewing application requirements and interface designs.
• Identifying web-based user interactions.
• Developing and implementing highly - responsive user interface components using React concepts.
• Writing application interface codes using JavaScript following React.js workflows.
• Troubleshooting interface software and debugging application codes.
• Developing and implementing front-end architecture to support user interface concepts.
• Monitoring and improving front-end performance.
• Documenting application changes and developing updates.

React.js Developer Requirements:

• 1-3 Years Previous experience working as a React.js Developer.
• In-depth knowledge of JavaScript, CSS3, HTML5, bootstrap and material design.
• Knowledge of REACT tools including React.js, Webpack, Enzyme, Redux, and Flux.
• Experience in Next.js, Ant design, Node.js and Python will add extra advantage but not mandatory
• Experience with user interface design.
• Knowledge of performance testing frameworks including Mocha and Jest.
• Experience with browser-based debugging and performance testing software.
• Excellent troubleshooting skills.

• Bachelor’s Degree in Computer Science or related field
• 3-5 years’ web development experience required
•  Experience on React js , Angular js and Vue js.
• Proficiency with AngularJS an asset
• Strong knowledge of web development tools and programming languages

• Develop Proof-of-Concept and prototype applications using new technologies and frameworks. In addition to collaborating with internal teams and clients to create innovative solutions.
• Help establish GUI best practices and JavaScript frameworks for web development.
• Provide context and guidance for integration and implementation of Front-End Interfaces
• Translate wireframes, comps, and functional requirements into functional HTML/ CSS / Javascript.
• Develop standards-compliant mark-up and code for web sites and applications
• Develop JavaScript using standard Frameworks (jQuery, etc.)
• Develop small to medium size custom JavaScript libraries for reuse across the application
• Provide technology and implementation expertise to the domain, projects, or client
• Maintain leading-edge knowledge in emerging technologies and frameworks
• Participate in knowledge sharing and lessons learned sessions from project experiences

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)