Mercury Front End Trivia: Round 2

Current Package Versions

1

React (major)

16

2

Node (major)

18

3

TypeScript (major.minor)

5.3

4

Redux (major)

4

5

Storybook (major.minor)

7.5

Name the ESLint rule

1

function doSomething() {
  console.log('doing something')
  return
  console.log('doing something else') ❌
}

no-unreachable

2

const [counter, setCounter] = useState(0)
useEffect(() => {
  console.log('counter', counter)
}, []) ❌

react-hooks/exhaustive-deps

3

return (
  <>
    {items.map(item => (
      <li>{item}</li> ❌
    ))}
  </>
)

react/jsx-key

4

const num = parseInt('42') ❌

radix

5

const timestamp = Date.now() ❌

@mercury/no-date-now

State of JS survey results

1

[2019] The most used utility library

Lodash

2

[2022] The build tool with the highest retention rate

Vite

3

[2018] The testing library with the highest satisfaction score

Jest

4

[2021] The front end framework the highest interest

Svelte

5

[2017] The front end framework with the highest percentage of “I’ve heard of it, and am NOT interested” answers

Ember

Acronyms

1

TS

TypeScript

2

CDN

Content Delivery Network

3

DOM

Document Object Model

4

WCAG

Web Content Accessibility Guidelines

5

W3C

World Wide Web Consortium

Misc (Mercury)

1

The tool we use for visual UI tests

Chromatic

2

The full name of a FEDUX engineer that is not me (as it appears in Slack)

Jen Taylor, Dan Lewis, Hannah Vivian Shaw

3

The tool we use to lint our CSS

Stylelint

4

The most used DS component in our codebase

DSText / DSTextDiv

5

Monroe has the most commits to mercury-web. This person has the second most commits.

John Abed