jsjoeio

const dayjs = require('dayjs')
const open = require('open')

module.exports = {
  prompt: ({ prompter }) => {
    return new Promise((resolve, reject) => {
      prompter
        .prompt([
          {
            type: 'input',

jsjoeio

name	about	labels
Feature Request 💡	Suggest a new idea for the project.	enhancement

Summary

Brief explanation of the feature.

jsjoeio

{
  "exclude": ["node_modules", "build", "public"],
  "compilerOptions": {
    /* Basic Options */
    // "incremental": true,                   /* Enable incremental compilation */
    "target": "es5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
    "module": "esnext" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
    // "lib": [],                             /* Specify library files to be included in the compilation. */
    "allowJs": true /* Allow javascript files to be compiled. */,
    // "checkJs": true,                       /* Report errors in .js files. */

jsjoeio

This PR...

Changes

Screenshots

(prefer animated gif)

Checklist

• tested locally
• added new dependencies
• updated the docs
• added a test

jsjoeio

Answers

1. Open some JavaScript code that you have been working on and put console.log(typeof(something)) in it, replacing something with different variables in your code. Can you find an example for every value type in the list above? Try to “collect” as many types as you can.

• Undefined (undefined) (I know this isn't the same as undefined itself but it was the closest I could find)

 if (typeof window !== 'undefined') {
      return localStorage.getItem('theme') || 'default'
    } else {
      return 'default'

jsjoeio

import React from 'react'

type Props = {
  text: string;
  color: string;
}

export const Header: React.FC<Props> = ({text, color}) => {
  return <h1 style={{ color }}>{text}</h1>
}

jsjoeio

import React from 'react'

export const Header = ({text, color}) => {
  return <h1 style={{ color }}>{text}</h1>
}

Header.defaultProps = {
  color: 'red',
  text: 'Hello world!'
} 

jsjoeio

import React from 'react'

type Props = {
  text: string;
  color: string;
}

export const Header: React.FC<Props> = ({text = 'Hello world!', color = 'red'}) => {
  return <h1 style={{ color }}>{text}</h1>
}

jsjoeio

import React from 'react'

// Written as a function declaration
function Heading(): React.Node {
  return <h1>My Website Heading</h1>
}

// Written as a function expression
const OtherHeading: React.FC = () => <h1>My Website Heading</h1>

jsjoeio

import React from 'react'

// Written as a function declaration
function Heading(): React.Node {
  return <h1>My Website Heading</h1>
}

// Written as a function expression
const OtherHeading: React.FC = () => <h1>My Website Heading</h1>