Project Assessments

JS Questions

Essa comparação me retorna o que? 
`{} === {}`

O que é hoisting? Poderia me explicar o retornaria no console.log?
```js
function MyFunc() {
  console.log(x);
  
  let x = 'Front-End Test';
```

Sobre contexto: 
```
const obj = {
  front: () => console.log(this),
  end() { console.log(this); },
}
```

EVent loop
```
console.log(1);
function MyFunc() {
  console.log(2);

  setTimeout(() => {
    console.log(3);
  }, 200);

  console.log(4);

  return 7;
}

console.log(5);
MyFunc()

```

React-Native Assessment.md

React-Native Assessment

Important points to be evaluated in a candidate's react-native project assessment.

First requirements

• Is it running?
• Is it following the assessment requirements

Points to assess

• Code

  • Patterns (OO, FP, HOOKS, HOCs, ...)
  • Concepts (SOLID, YAGNI, KISS, DRY, AHA)
  • Architecture (State Control, Side-effect management)
  • Clean Code
  • Unit Testing
  • Type checking

• React

  • Life-cycle
  • React Hooks
  • Performance
  • Avoiding memory leak
  • Reusable components

• React-Native

  • Styling
  • Using RN Components Right

• Expertise in JS

  • Context
  • Scope
  • Event Loop
  • Promises
  • Primitive values and reference

• Chores

  • Environment (Lint, Prettier, ...)
  • Semantic git commits
  • Code-review understanding
  • Documentation

• Plus

  • Criativity (Be your-self)
  • Design (UX/UI)
  • Used TS to type checking
  • Used CI

ReactReact-Navite Questions.md

React/React-Navite Questions

• Sobre o projeto, tem alguma coisa que você queria ter feito e acha que não deu tempo? O que você melhoraria nele?
• Como você implementaria, caso o login e senha fossem em telas separadas?
• Você tem conhecimento de React-hooks?
• Se sim, me explica a differença entre useMemo e useCallback?
• Qual a finalidade do useEffect, e como ele funciona?
• Poderia me falar qual seria o valor renderizado no primeiro render?

let count = 0;

export default function App() {
  React.useEffect(() => {
    count += 1;
  }, []);

  return (
    <div>
      <h1>{count}</h1>
    </div>
  );
}