Visma Connect’s Post

Just published a blog comparing the bundle sizes of ReactJS and SolidJS apps! Dive in to see how each framework performs in terms of build size and optimization. Checkout here 👉 https://lnkd.in/g6uPJbrS #JavaScript #WebDevelopment #ReactJS #SolidJS #Frontend #Performance #Coding #WebApps

Today, I learned about Chunking/Dynamic Bundling in React. In React applications, numerous components are typically bundled and managed by a single JavaScript bundle. However, in large scale projects with an abundance of components, this single bundle can become bloated, leading to performance issues. So for that we use Chunking/Dynamic Bundling, a process where additional JavaScript bundles are created to manage specific components as needed. This optimization technique helps enhance app performance by loading only the necessary code, thereby improving overall user experience. Covered a few other topics too. Stay tuned for more updates on my learning journey! 😊🚀 #react #frontenddeveloper #frontenddevelopment

🚀 New Skill Unlocked: Custom Hooks & useId in React! 💻 I took a deep dive into the world of custom hooks and the powerful useId hook in React. 🎯 These tools make code reusable and unique element IDs easier to manage, especially in complex forms and interactive UIs. To put this learning into practice, I built a currency converter using a custom hook for API calls and managing state more efficiently. 💰🔄 It’s always exciting to see how simple concepts can enhance app functionality and improve code organization. check out the code here :- https://lnkd.in/dHhF7wpn #ReactJS #CustomHooks #useId #JavaScript #WebDevelopment #LearningByDoing #CodeWithReact

Learned about, #runOnJS and #runOnUI. I encountered a problem while trying to emit message through #socket.io Problem arises, cause I tried to run #js function on #ui_thread while applying #react_native_reanimated and app crashed 😔. After that, few hours of researching and debugging, I figured out the solution. used #runOnJS to run the emit message code in order to execute it in #js_thread instead of #ui_thread

💬 Introducing my meticulously crafted Todo App in React.js, a culmination of advanced concepts honed through hands-on learning. With comprehensive CRUD functionality, state management with Context API, and responsive design, this project offers a robust learning experience. Implemented features include local storage integration, Advanced UI components to enhance user interaction, and unit testing to ensure code reliability. You can elevate your React skills by exploring this project. 💻 ✔ #javascript #reactjs #contextapi #tailwindcss #html #vite #vscode

🚀 Day 402 of #500DaysOfCode 🛠 Understanding CORS: What It Is and How to Solve It CORS (Cross-Origin Resource Sharing) is a security mechanism that restricts web pages from making requests to a domain different from the one that served the web page. This can arise when you're trying to fetch resources from a different origin (domain, protocol, or port) than your web app. When Does CORS Become an Issue? CORS issues occur in scenarios like: - Your frontend is served from `example.com`, and you're trying to access an API hosted on `api.example.org`. - You're integrating third-party APIs directly in your frontend. How to Solve CORS Issues? - Server-Side Solution: Set up appropriate headers (`Access-Control-Allow-Origin`) on the server to specify which domains can access the resources. - Proxy Solution: Use a backend proxy to handle requests to the external API. Preflight Requests: Preflight requests are automatically sent by the browser when your application makes a cross-origin request that doesn’t meet the simple request criteria (like sending custom headers, or using methods other than GET/POST). This preflight is done to ensure the server allows the actual request. Solving CORS is essential for making secure cross-origin requests without affecting your app's functionality. #day402 #learningoftheday #500daysofcodingchallenge #javascript #react #nextjs #webdevelopment #frontenddevelopment #codingtips #codingchallenge #codingcommunity #CORS #Coding #APIs

I made News App(front-end project) by using #React and #Bootstrap. This project helped me in understanding the core concepts of useState and useEffect hooks in React. it also taught me how to call APIs. Follow my project at github. #Frontend #Javascript #Learninpublic https://lnkd.in/d8X6ZdcE

🚀 Day 34 of the #75DayCodingChallenge: 🚀🌟 Today, I dived into the fascinating world of React.js! 🎨 JSX (JavaScript XML): A syntax extension for JavaScript. Allows embedding HTML-like code within JavaScript. Makes React component creation more intuitive. Creating a Simple React App: Installed Node.js and npm. Used npx create-react-app my-app to set up a new React project. Explored the generated files, including src/index.js and public/index.html. First Steps: Edited the src/App.js file. Added a custom component using JSX. Ran the app with npm start. Excited to continue this React journey! Stay tuned for more updates. 💻✨ #ReactJS #CodingChallenge #FrontendDevelopment

Sharing with you my latest project on my React journey! I recently built a Text Util App – a simple tool to manipulate and analyze text with functionalities like changing case & counting words. While it's a work in progress and not yet fully responsive, it has been a fantastic learning experience in component-based development, state management, and working with JSX. Next steps: enhancing the design, improving responsiveness, and adding more features! Jay kashyap Swati Singh Himanshu Nigam Osama Shaaban Qotb #React #WebDevelopment #Frontend #LearningJourney #Coding #Projects #TextUtils #JavaScript

Excited to share my latest project: a Random Quote Generator built with Next.js! 🎉 This web app fetches quotes from an API, providing a new dose of inspiration every time you refresh the page. It's been an amazing journey working with API integration and enhancing my React and Next.js skills! I’m thrilled with the results and how much I’ve learned through this project. Looking forward to pushing my skills even further in the future! 🚀 #NextJS #ReactJS #WebDevelopment #APIFetching #JavaScript #Coding #FrontendDeveloper #TechInnovation