API knowledge is centralized in one place (not in a component)

Correct usage of setState in Lifecycle methods

Business logic is centralized in one place (Not in a component)

Data is not fetched from inside components

Includes passing tests (unit, component, etc)

Correct implementation of a community accepted navigation library

Self written README that explains how to install/run app

Separates components from screens/containers in source

This technical interview is designed to test basic and advanced concepts in Javascript and React. There are a mix of discussion questions, pseudo code and actual code implementation questions.

React (Web) Technical Interview

Imagine we're working on a Signup form for an app. As you're typing your desired username into the box, it is calling an endpoint /isUsernameUnique at your backend that checks whether that username has already been taken or not and sends back true if the username is unique and false if it is already taken. You can then use that response to display an error message on the form if the username is already taken. We're currently experiencing performance issues with too many state updates from this component. How would you go about fixing this problem?

How would you write an Array.shift function that removes the first item from an array and returns the rest without mutating the original array? Here's some code to get you started:function offWithItsHead(source){//remove the first item and return the rest}

How would you pass arbitrary props through an HOC to the wrapped component?

How does React Native's internal mechanism work right now? How will it work under the new architecture?

Imagine a scenario where we have to make multiple async calls and each call is dependent on the results of the call prior. Our flow would be like:
1. Call endpoint 1
2. When call 1 resolves, take username from the response and use it to call endpoint 2
3. When call 2 resolves take the id from the response and use it to POST to endpoint 3

How would you structure code like this is JS?

Give me an example of a declarative function vs imperative function

What is Flux? Describe the flow of data through Flux. Let's say you want to show a the roster for a football team. The API exists. Walk me through the steps from calling the api to displaying the data on the screen.

Describe how HOCs, render props and hooks treat sharing stateful logic between components differently.

how would you handle state management in a very large application in a way that is maintainable and scalable

Spend max 15 minutes with the engineer reviewing their code and discussing implementation choices or what they would do if the codebase was going into production what would they do/add?

Following up on our Signup flow, we want to do some client side validation checks on the form contents and fail fast if the values aren't valid. For example, if the current password length is < 8 we want to display an error message on the PasswordInput. Describe how you would structure that validation logic in a production React application.

GraphQL

Node.js

Zustand

Unit Testing

React Native

Next.js

React Query

Material UI

TailwindCSS

Docker

Fintech

Startups

E-Commerce

With over 16 years of experience in HTML, Patrick has consistently created optimized, standards-compliant web applications. He is adept at building clean, semantic HTML structures to provide the best user experience across various platforms. Patrick's expertise in HTML is evidenced by his ability to develop responsive designs and ensure accessibility practices are incorporated.

HTML

Patrick has 16 years of experience in CSS, demonstrating his ability to translate creative designs into responsive and visually appealing web interfaces. His proficiency includes hand-coding standards-compliant CSS to ensure high-quality user experiences. His track record showcases his leadership in standardizing coding practices and managing frontend dependencies.

With 8 years of experience in JavaScript, Patrick has excelled in developing and maintaining frontend codebases for various applications. He has displayed expertise in problem-solving independently and collaboratively, reflecting his commitment to best practice development processes. Patrick's mentorship and leadership have been instrumental in driving the adoption of TypeScript and improving documentation.

JavaScript

Patrick's 6 years of experience in React have been marked by his proficiency in developing new features and maintaining existing codebases. His deep understanding of React design patterns and best practices has led to the reduction of errors and improved performance in applications. Patrick's expertise also extends to teaching and guiding others in utilizing common React patterns.

React

With 3 years of experience in TypeScript, Patrick has consistently utilized the language to develop frontend and backend features, resolving various issues detailed in GitHub projects. His commitment to improving codebases through the implementation of TypeScript, along with his extensive knowledge in defining conventions and coding practices, has been demonstrated in multiple projects.

TypeScript

Patrick's proficiency in AngularJS has been reflected in his contributions to maintaining and developing interfaces for a suite of applications. His expertise in standardizing coding practices and providing leadership through mentorship and team management highlights his effectiveness in leveraging AngularJS for frontend development.

Angular

With 2 years of experience in Ember.js, Patrick has played a significant role in developing new features and maintaining existing codebases for the platform UI. His commitment to problem-solving independently and collaboratively, as well as his contributions to improving internal tooling and extending internal libraries, showcases his expertise in Ember.js development.

Ember

Patrick's proficiency in Ruby on Rails has been demonstrated through the development of UI and marketing site enhancements, as well as the creation of home pages and reusable templates. His expertise in applying modern responsive design techniques and improving user experience across various platforms reflects his ability to leverage Ruby on Rails for web application development.

Ruby on Rails

Patrick's 3 years of experience in Webpack have been showcased through his contributions to developing optimized, standards-compliant web applications across different frameworks. His expertise in utilizing Webpack for bundling and asset management, along with his ability to define team git flow and coding standards, highlights his comprehensive understanding of the tool.

Webpack

With 10 years of experience in Git, Patrick has been instrumental in ensuring version control and collaborative development for various projects. His expertise in utilizing Git for effective collaboration and version control, along with his proficiency in platforms like GitHub, reflects his commitment to best practices in software development.

Patrick's 5 years of experience with VS Code have been marked by his proficiency in utilizing the editor for frontend and backend development. His ability to leverage VS Code for effective code editing, debugging, and version control underscores his commitment to utilizing modern development tools for efficient software engineering.

Patrick Alcisto

Bio

Experience

2 yrs

7 yrs

1 yrs

9 yrs

1 yrs

5 yrs

2 yrs

4 yrs

Pricing & Availability

Are you interested in hiring Patrick?