Pyrolistical

try {
const audioDataCount = await axios.post(netlifyConfig().DOMAIN + 'get-scene-audio-count', {
  email: value.email,
  sourceID: value.sourceID,
  source: value.source
})
  console.log('audioDataCount', audioDataCount)
  const res = {
    count: audioDataCount.data.audioScenesList.count,
    data: audioDataCount.data.audioScenesList.items

Pyrolistical

type ApexLegendsGameResult = {
  teamID: string,
  placement: number,
  kills: number
};

application.post('/apex-legends/:gameID/report-score', async ({params: {gameID}, body}, res) => {
  await db.collection('apexLegendsGames').updateOne({
    _id: gameID
  }, {

Pyrolistical

type ApexLegendsGameResult = {
  teamID: string,
  placement: number,
  kills: number
};
application.post('/apex-legends/:gameID/report-score', async ({params: {gameID}, body}, res) => {
  const results: ApexLegendsGameResult[] = body;
  await db.collection('apexLegendsGames').updateOne({
    _id: gameID
  }, {

Pyrolistical

type ApexLegendsGameResult = {
  teamID: string,
  placement: number,
  kills: number
};
application.post('/apex-legends/:gameID/report-score', async ({params: {gameID}, body}, res) => {
  await db.collection('apexLegendsGames').updateOne({
    _id: gameID
  }, {
    $set: {

Pyrolistical

// BEFORE
const [state, setState] = useState();

useEffect(() => {
  setState(calculateInitialState());
}, []);


// AFTER
const [state, setState] = useState(calculateInitialState);

Pyrolistical

// BEFORE
const [costlyValue, setCostlyValue] = setState();

useEffect(() => {
  setCostlyValue(computedCostlyValue(props.someParam));
}, [props.someParam]);


// AFTER
const costlyValue = useMemo(() => computedCostlyValue(props.someParam), [props.someParam]);

Pyrolistical

const BrokenComponent = (props) => {
  useEffect(() => {
    console.log('BrokenComponent called useEffect');
  }, [props]); // THIS IS ALWAYS WRONG!

  return <code>{JSON.stringify(props)}</code>;
};

const GoodComponent = (props) => {
  useEffect(() => {

Pyrolistical

// Good useMemo usage
const NormalComponent = ({ count }) => {
  const costlyValue = useMemo(() => costlyFunction(count), [count]);
  return <p>NormalComponent {costlyValue}</p>;
};

export default ({ count }) => {
  // Slow component
  const SlowComponent = () => {
    const costlyValue = costlyFunction(count);

Pyrolistical

// BEFORE
const App = () => {
  const [locale, setLocale] = useState('english');
  return <Navigation locale={locale} />;
};

const Navigation = ({ locale }) => {
  return <Link locale={locale} href="/about">About</Link>;
};

Pyrolistical

// BAD
export default ({ count }) => {
  const Label = () => {
    return <code>{count}</code>;
  };
  
  return <Label />;
};