matiasfha

 const createSharingImage = ({ cloudName, text }) => {
	const imageTransformations = [
		'w_1200',
		'h_627',
		'c_fill',
		'q_auto',
		'f_auto'
	].join(',')
	const textTransformations = [
		'w_600',

matiasfha

const DummyComp = ({datos}) =>{

    return <ul>
        {datos.map((campeon)=>(
            <li>{campeon.name}</li>
        ))}
        </ul>
}

matiasfha

const DummyComponent = () => {
  const [ data, setData ] = React.useState([]) // data inicialmente será un arreglo vacio
  React.useEffect(() => {
    const requestData = async () => {
      const respone = await fetch('http://someurl/request.json')
      const json = await response.json()
      setData(json.data) // Aquí se actualiza el estado con un nuevo arreglo que proviene desde el response
    }
  }, []) // Ya que no hay dependencias este arreglo va vacío y el efecto se ejecutará sólo una vez.
  

matiasfha

import React from 'react';

const CompContext = React.createContext()

const reducer = (state, action) => {
   switch(action.type){
     case 'ADD_CHILD':
         return {...state, total: state.total + 1 }
     case 'SOME_OTHER_TYPE':
         return {...state, otherState: `use ${state.total} to do some calc`}

matiasfha

// Forma original Object.assign
const originalState = { foo: 'foo' }
const newState = Object.assign({}, originalState, {
  visibilityFilter: action.filter
})

//Forma con Spread
const newState = return { ...originalState, visibilityFilter: action.filter }

matiasfha

module.exports = {
  meta: {
    type: "suggestion",
    docs: {
      description: "Force Async function naming convention",
      category: "Possible Errors",
      recommended: true,
    },
  },
  create: function (context) {

matiasfha

Based on the description of the application, the proposed design and the questions made during the call with the client, the plan was to work 4 hours daily and focusing on different areas to try to accomplish the implementation of the main functionality and main UI/UX. The proposed plan was the following:

the job should be complete by Monday 4 at night (CLST time).
The main functionality that will be implemented is:

- [x] Landing/Login screen without authentication functionality

• Feedback landing page/tab with mock users data

matiasfha

/* This function use array.reduce
* https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/reduce
* to recursively flatten a multidemensional array. 
* The array can be arbitrarly deep
*/
const flatten = list => list.reduce(
    (a, b) => a.concat(Array.isArray(b) ? flatten(b) : b), []
);

// Testing with chai and mocha

matiasfha

{
  "errors": [
    {
      "message": "Invalid UserPoolId format.",
      "locations": [
        {
          "line": 2,
          "column": 3
        }
      ],

matiasfha

const Profiler = React.unstable_Profiler;

render(
  {/* Components not measured... */}
  <Profiler id="some identifier" onRender={loggingFunction}>
    {/* Components to be measured... */}
  </Profiler>
  {/* Components not measured... */}
);