Monkey Stone Js

Gedeon AMOUSSOU — Wed, 22 Jun 2022 19:47:06 +0000

Monkey JS

What is a monkey js ?

monkey js is a javascript library that allows you to create a reactive custom component

How to use monkey js ?

import the monkey js library in your project

import  monkey  from 'monkey-js';

create a new component

class Custom extends Monkey.Component {}

use State in your component

class Custom extends Monkey.Component {
  state = {
    value: '',
  }
  render() {
    const div = document.createElement('div');
    div.innerHTML = this.state.value;
    div.addEventListener('click', () => {
      this.setState({
        value: 'clicked',
      });
    });
    return div;
  }
}

customElements.define('custom', Custom);

API

list of all api

ComponentDidMount

this methodes is called when component will be added to dom
- ### usage
```
  componentDidMount(){
    console.log('componentDidMount')
  }
```
ComponentWillUnmount

this methodes is called when component will be removed from dom
- ### usage
```
  componentWillUnmount(){
    console.log('componentWillUnmount')
  }
```
componentDidUpdate

this methodes is called when component will be updated
- ### usage
```
  componentDidUpdate(){
    console.log('componentDidUpdate')
  }
```
setState

this methodes is used to update the state of the component
- ### usage
```
  this.setState({
    text : 'new text',
  })
```
render

this methodes is used to render the component ui
each time when state is updated the render methode is automaticaly called also to rebuild the component ui with the new value
- ### usage
```
  render(){
    return document.createElement('div');
  }
```

envent Emiter

this methodes is used to emit an event

### usage

  this.emitEvent('eventName', {
    data: 'data',
  })

state

this property is used to store the component state
to updated the state use the setState methodes
! warning : the state is not immutable , dont try to change the state directly , use the setState methodes
- ### usage
```
  state = {
    text : 'text',
  }
```

upcoming features

props

this property is used to store the component props
componentWillReceiveProps

this methodes is called when component will receive new props

License

Developer

Freelancing sucks

Gedeon AMOUSSOU — Tue, 01 Mar 2022 12:34:17 +0000

I have been a web developer for a while now and made my debut in the professional world in 2020 as a backend development intern in a pseudo tech company; why nickname? first, there was no automated testing, no project management systems; it was a bit like a group of friends, we find a client, we invent an estimate and we give the job to whoever is available; our stack was php! well I may be going to pass for a nazi but for me the php is shit! I spent 6 months doing casi every day and I didn't get over it; maybe facebook was made in php, that 90,...% of the sites in the world are made in php but that doesn't mean anything. Well let's come back, I'm doing my best to complete the projects assigned to me and once my internship is over, I'm out of the box! (Some time later I learn that the box has to be closed). and I felt like I had lost 6 months of my life, so what am I trying to catch up by keeping up to date with web technology; I rush on view js, I do some projects, then I see the reality of the market, 80% of the requests were on react; I change my cape, I start react I do 2, 3 concrete projects in it; and I'm going freelance! BOOOM it's a disaster, it's been about 6 months I haven't found a client, so now I'm questioning myself! is freelancing dead or is it just my skills that aren't sharp enough?

DEV Community: Gedeon AMOUSSOU

Monkey Stone Js

Monkey JS

What is a monkey js ?

How to use monkey js ?

API

ComponentDidMount

ComponentWillUnmount

componentDidUpdate

setState

render

envent Emiter

state

upcoming features

props

componentWillReceiveProps

License

Developer

Freelancing sucks