DEV Community: lshawa

why wrap a functional component in React.createElemenr instead of utilizing it’s returned element via a functional call?

lshawa — Tue, 07 Dec 2021 23:33:08 +0000

During a render, why wrap a functional component in React.createElemenr instead of utilizing it’s returned element via a functional call?

This is outside of the context of jsx. Pure react. SOS

How do we feel about Python?

lshawa — Tue, 06 Apr 2021 01:55:53 +0000

I'm just learning Python. I come from Javascript world. If you have any tips or thoughts on Python, especially in compared to Javascript please post them below. :)

Search component with dropdown

lshawa — Thu, 27 Feb 2020 17:12:17 +0000

Has anyone built a search component with a category?

I'm attempting the build a search component based on a category.

How do we unit test functions within a functional component?

lshawa — Fri, 21 Feb 2020 13:11:27 +0000

With a class component I usually create an instance of that component and I can access the function. I'm not sure how to access the function of a functional component.

const errorMessages = {
    browse: {
        fileLimit: 'File size is too big.',
        unsupportedFormat: 'The file you selected is not a supported format. Please upload a file in .csv format.',
        noRows: 'No agent IDS could be found.',
        maxAgents: 'A max of 25 agents can be uploaded at a time.',
        noValidAgents: 'No valid agents could be found.'
    },
    duplicate: 'The following agents are already existing on the table.'
};

const UploadButton = (props, ref) => {
const mimeTypes = ['text/csv', 'application/vnd.ms-excel'];
let initialValue = false;
const [browseError, setBrowseError] = useState(initialValue);
const [uploadError, setUploadError] = useState(initialValue);
const [duplicateError, setDupplicateError] = useState(initialValue);
const [uploading, setUploading] = useState(false);
const fileInputRefs = useRef(initialValue);

const clearAllErrors = () => {
    setBrowseError(initialValue);
    setUploadError(initialValue);
    setDupplicateError(initialValue);
}

....
}

So accessing clearAllErrors for example or errorMessages which outside of the functional component.

What does this actually mean? Error: This method is only meant to be run on single node. 0 found instead.

lshawa — Thu, 06 Feb 2020 18:47:37 +0000

I typically get this error whenever I’m unit testing using mount. I’ve also seen the error “5 bodes found instead”. But what does that actually mean?

How To’s

lshawa — Wed, 05 Feb 2020 18:26:47 +0000

Is it possible to save an article for later on the mobile app?

TechnicalSkills

lshawa — Wed, 08 Jan 2020 03:16:47 +0000

I’m a frontend developer and have been using HTML, CSS, javascript, and the react and redux frameworks. I am looking to acquire more experience and more in depth knowledge of object oriented and functional programming and then ultimately become a complete full- stack web developer.