Parse React File with Node.js Function using jscodeshift
$10-30 USD
Paid on delivery
I'm seeking a knowledgeable Node.js to create a specific function. This function should examine a pre-existing React file to identify any import statements that may be missing and automatically add the missing imports.
Key responsibilities:
- Analyze the React file to identify missing import statements
- Add the identified missing imports automatically
- Append multiple missing imports as grouped together in a single statement
- Code should be in Typescript
This task requires a solid understanding of Node.js. Having previous experience with jscodeshift is a must. The solution also need to use a package named @hypermod/utils. ([login to view URL])
This is the function that I need
function fixMissingImports(code: string, importsMapping: Record<string, string>): string
The code is a string of a content of a file tsx or jsx file.
the function should first analyze and see what imports of a React components are missing, then add the missing imports according to the importsMapping.
Example 1:
if a code is this:
export default function App() {
return <div>
<Box>some content</Box>
</div>;
}
the function should detect that an import of Box component is missing,
and it should look at the importsMapping["Box"] to get an import to add to the file
example 2:
if the code is this:
import {Box} from "@mui/system";
export default function App() {
return <Stack>
<Box>some content</Box>
</Stack>;
}
the function need to detect that Stack is missing
and in case the importsMapping["Stack"] will return "@mui/system"
The final output of the function need to be like this:
import {Box, Stack} from "@mui/system";
export default function App() {
return <Stack>
<Box>some content</Box>
</Stack>;
}
Project ID: #38091520
About the project
38 freelancers are bidding on average $40 for this job
As a TypeScript-savvy Node.js developer, I bring my broad experience using JavaScript and Node.js to the table. In particular, I developed a deep understanding of jscodeshift that aligns well with your needs. Over the More
Hello, With over 5 years of experience, I’m well-acquainted with the ins and outs of Node.js. My hands-on familiarity with jscodeshift gives me the edge needed to seamlessly analyze your React files for any missing imp More
As an experienced Node.js developer and seasoned problem-solver, this task aligns perfectly with my skill-set. Over the past three years, I have dedicated myself to honing my craft in Web Services, with a specific emph More
I am confident in my ability to meet your needs effectively and efficiently. I'm highly proficient with jscodeshift, which is crucial for undertaking the specific task you've outlined. My successful job in the past val More
Hello I'm React expert so can provide you with high quality results. Please feel free to contact me to make awesome results. Let's go!!!
Hello, my name is Ritik Garg and I am a Full-Stack/Backend Developer with 5 years of experience working with Python, Django, Restful APIs, Data Mining, Flask, Scrapy, Selenium, Flask, Node JS, Angular, React, AWS, DevO More
As a full-stack developer, I have an extensive understanding of Node.js that will enable me to efficiently complete the task you have described. Moreover, I am well-versed in jscodeshift, making me ideal for this job. More
Hi I have expertise in JS technologies like React.js, Node.js etc. Please share UI design of your system or flow details so I can review and share inputs from my end. Nishit T
As a seasoned and versatile professional in the MERN Stack ecosystem, with a special focus on Node.js, I am confident in my ability to deliver the functionality you need to parse and modify React files. With over seven More
Hey There, As a Top-Rated Full Stack Developer with over 9 years of experience, I've built up a comprehensive skill set that perfectly aligns with the requirements of your project. I specialize in React JS and have ext More
Hello, I know what you want to do now. This is expert who you are looking for. Please reach out me. Thanks
Dear client I am a Software Expert with 9 years of experience in working with all types of applications. Utilizing my proficiency in both, Front-End and Back-End, I develop scalably, optimized, and secure software. Ge More
Industrious, highly skilled and forward-looking Software Engineer with background in creating and executing innovative software solutions to enhance productivity. Committed to delivering innovative, robust and efficien More
Hello Mike Z., I am Shahzaib, a JavaScript and Node.js expert with over 5 years of experience. I have carefully reviewed your project requirements regarding creating a Node.js function to automatically add missing imp More
With my extensive experience and deep understanding of JavaScript, specifically in the Node.js environment, I am confident that I can deliver the perfect solution for your React file parsing project. My familiarity wit More
With a deep-rooted understanding of Node.js and its application in React development, I propose myself as the ideal candidate for your project. My extensive experience in creating efficient and scalable solutions using More