trycatch

Hide try/catch in hook and HOC

Try-Catch is dirty. It makes your code hardly to read. Imagin you have tons of try-catch blocks in your code. It always worked as it was... but it looks ugly bros! Let's hide them and take a look at your clean code.

Install

npm install --save @vyppn/trycatch

OR

yarn add @vyppn/trycatch

Usage

HOC style

import * as React from 'react'

import {withTryCatch} from '@vyppn/trycatch'

class App extends React.Component {

  // for try-catch statement:
  // try{
  //  let result someThrowable()
  // }catch(error){
  //    let theError = error
  //  someErrorHandler(error)
  // }
  //
  // Can rewrite like this
  
  const {result,error} = this.props.trycatch(someThrowable,someErrorHadler)

  // Or without error handler
  
  const {result,error} = this.props.trycatch(someThrowable)
  
  // Or with void method and no error handling
  
  const {error} = this.porps.trycatch(someThrowable)

  render () {
    return (
      <App />
    )
  }
}

export default withTryCatch(App)

Hook style

import {useTryCatch} from '@vyppn/trycatch'
export default () => {
  // With error handling
  const {result,error} = useTryCatch(someThrowable,someErrorHandler)
  // Without error handling
  const {result,error} = useTryCatch(someThrowable)
  // void throwable
  const {error} = useTryCatch(someThrowable)

  return <div>Hellow</div>
}

Asynchronouse Call

// HOC
const {result,error} = await this.props.trycatchAsync(someAsyncThrowable,someErrorHandler)

// Hook
const {result,error} = await useTryCatchAsync(someAsyncThrowable,someErrorHandler)

License

MIT © vyppN