jsmanifest

import React from 'react'

const MyComponent = 'div'

function App() {
  return (
    <div>
      <h1>Good Morning and Welcome to my Palace!</h1>
      <hr />
      <MyComponent>

jsmanifest

const CombinedProviders = combineProviders(
  SentryProvider,
  NavbarProvider,
  SidebarProvider,
  FooterProvider,
  BlogsProvider,
)

function App() {
  return (

jsmanifest

function combineProviders(...providers) {
  return ({ children }) =>
    providers.reduce(
      (prev, CurrentProvider) => <CurrentProvider>{prev}</CurrentProvider>,
      children,
    )
}

jsmanifest

import { Provider } from 'react-redux'
import { ThemeProvider } from '@material-ui/core/styles/ThemeProvider'
import AppProvider from './components/AppProvider'
import NavbarProvider from './components/NavbarProvider'
import SidebarProvider from './components/SidebarProvider'
import FooterProvider from './components/FooterProvider'
import BlogsProvider from './components/BlogsProvider'
import SentryProvider from './components/SentryProvider'
import BlogsProvider from './components/BlogsProvider'
import store from '../app/store'

jsmanifest

import React from 'react'
import Button from '@material-ui/core/Button'
import Menu from '@material-ui/core/Menu'
import MenuItem from '@material-ui/core/MenuItem'
import './styles.css'

const items = [
  { to: '/home', label: 'Home' },
  { to: '/blog', label: 'Blog' },
  { to: '/about', label: 'About' },

jsmanifest

import React from 'react'
import List from '@material-ui/core/List'
import ListItem from '@material-ui/core/ListItem'
import Button from '@material-ui/core/Button'

function SidebarItem({ children, ...rest }) {
  return (
    <ListItem
      component={Button}
      style={{ textTransform: 'none' }}

jsmanifest

{
  "eslint disable line": {
    "prefix": "eds",
    "body": "// eslint-disable-line"
  },
  "eslint disable next line": {
    "prefix": "ednl",
    "body": "// eslint-disable-next-line"
  },
  "// @ts-ignore": {

jsmanifest

import { useReducer } from 'react'

const initialState = {
  //
}

const reducer = (state, action) => {
  switch (action.type) {
    default:
      return state

jsmanifest

function createMyHigherOrderFunction(options) {
  const state = { ...options } // Our local state object
  
  return function(...args) {
    return function(callback) {
      return callback(state, ...args)
    }
  }
}

jsmanifest

const filteredFrogs = frogs
  .filter((frog) => {
    return frog.weight >= 8
  })
  .filter((frog) => {
    return frog.gender === 'male'
  })
  .filter((frog) => {
    return frog.name.startsWith('b')
  })