Abdul Rahim Bajwa

I just updated an old app I have not touched in several years from Angular 9 to Angular 18 and the migration process was extremely simple. The only gotcha was having to run `ng generate @angular/material:mdc-migration` going from Angular 16 to 17. Great job to Angular team for making the upgrade process as seemless as possible. #angular

9

1 Comment

🚀 React Native career levels (expected): Level 1: Junior Developer. Level 2: Mid-Level React Native Developer. Level 3: Senior React Native Developer. Level 4: Expert Mobile Engineer. 🔧 React Native career levels (real): 😉 Level 1: “Is it an issue with the node_modules?” Level 2: Debugging ScrollView scroll bugs. Level 3: Fighting with Gradle over missing dependencies. Level 4: Adding react-native-reanimated and holding your breath. Level 5: Finally remembers to clear yarn cache before debugging. Level 6: Deploys to App Store without breaking a sweat (okay, maybe a little). Who else feels like a bug-slaying wizard? 🧙‍♂️ #ReactNativeDevelopers #TechHumor #Debugging

20

Hi Developers, Im a experienced React JS Developer,started working react native too. trying to integrate drawer menu,but getting below. any solutions happy to accept. here is my list of packages and versions     "@react-navigation/drawer": "^6.7.2",     "@react-navigation/native": "^6.1.18",     "@react-navigation/native-stack": "^6.11.0",     "axios": "^1.7.2",     "native-base": "^3.4.28",     "react": "^18.2.0",     "react-dom": "^18.2.0",     "react-hook-form": "^7.52.1",     "react-native": "0.74.2",     "react-native-gesture-handler": "^2.18.1",     "react-native-reanimated": "^3.13.0-rc.2",     "react-native-safe-area-context": "^4.10.8",     "react-native-screens": "^3.33.0",     "react-native-svg": "^15.4.0"  ERROR Error: [Reanimated] Mismatch between JavaScript code version and Reanimated Babel plugin version (3.14.0 vs. 3.13.0-rc.2).  ERROR TypeError: undefined is not an object (evaluating '_$$_REQUIRE(_dependencyMap[12], "./core").isConfigured') #reactnative React Hire ReactNative Developers

1

Creating a monorepo: Others: Lets use pnpm workspace and nx repo Pakistanis: Lets merge frontend and backend code into one repo. #monorepo #it #softwaredevelopment #frontend #backend

6

📢 Announcement: My new course "Practical React Essentials in Urdu/Hindi" can be bought on a 40% discount using the coupon code "CWA40OFF" when you go to the checkout page. The course is still in the works and I'm uploading more lectures as I'm creating those. And by the end of the course, participants will get a Certificate of Completion as well. https://lnkd.in/dSQH4HKT #react #practicalReactEssentials #webdevelopment

15

🔍 **Can You Spot The Bugs? Senior PHP Developer Challenge** Are you the detail-oriented PHP developer we're looking for? Let's put your debugging skills to the test! Below is a snippet of PHP code handling user data processing. There are exactly 3 bugs hidden in this code - some of them could seriously impact production systems. <?php function processUserData($userData) { $results = []; if (isset($userData) && count($userData) > 0) { foreach ($userData as $id => $data) { if ($data['status'] = 'active') { $timestamp = strtotime($data['date']); $daysSinceUpdate = (time() - $timestamp) / (60 * 60 * 24); if ($daysSinceUpdate > 30) { $results[$id] = calculateScore($data['points']); } } } return array_filter($results); } } function calculateScore($points) { return $points * 1.5 / 0.5; } 🎯 **The Challenge:** 1. Find all three bugs 2. Explain their potential impact on a production system 3. Propose fixes that follow PHP best practices 💼 **What We're Looking For:** - Sharp attention to detail - Deep understanding of PHP gotchas - Experience with production-grade code - Ability to anticipate edge cases - Knowledge of PHP best practices 🌟 **The Role:** We're seeking a Senior PHP Developer to join our growing team. You'll be: - Building robust backend systems - Performing code reviews - Mentoring junior developers - Implementing best practices 💪 **Think you found the bugs?** Comment with: 1️⃣ ONE bug you found (let others play too!) 2️⃣ How you'd fix it 3️⃣ Why it matters 📮 **Ready for more?** DM me your complete analysis of all three bugs to fast-track your application! #PHPDevelopers #CodeChallenge #TechJobs #WebDevelopment #Debugging #TechCareers #SoftwareEngineering --- 👉 Share this post to challenge your network!

9

React Native 0.76: The Best Update Yet! Faster, More Reliable Apps with No More Bridge React Native’s latest update has removed the old “bridge” system, moving to a direct connection between JavaScript and native code with JSI (JavaScript Interface). Here’s what that means for your app: 1. Faster app startup since fewer modules need to load right away. 2. Easier error tracking to better understand app crashes. 3. More stability with fewer unexpected issues. 4. Simpler debugging thanks to new DevTools. #AppDevelopment #ReactNative #AppPerformance #MobileDev #JavaScript #JSI

2

How to interview C# developers: The proper way. Junior & mid developers: → Let's review one of your side projects. → Don't have a side project? → Let's pair together on a code. OR review the code for me. OR take-home assignments. Senior developers: → Let's chat about your experience. Different processes for different levels of experience.

79

6 Comments

Why Study React JS? * Component-Based Architecture: Reusable components save time and ensure consistency. * Virtual DOM: Improves performance with efficient updates. * Strong Community Support: Access to extensive resources and tools. * Flexibility and Efficiency: Ideal for both complex web apps and simple SPAs. * Career Growth: High demand for React skills in the tech industry. Investing in React JS boosts your development skills and career prospects in web development. 🚀 #ReactJS #WebDevelopment #JavaScript #Coding #TechCareers #Learning #FrontendDevelopment #Programming #WebDesign #DevLife #CodeNewbie #TechJobs #WebDev #CodeLife #ReactDevelopers #TechSkills #LearnToCode #100DaysOfCode #WomenInTech #SoftwareEngineering #DeveloperCommunity #JavaScriptLibrary #Freshers #EntryLevelDev #BeginnerCoders #FirstJobInTech #JuniorDevelopers

14

I am stuck with these line of codes, anyone please help me.'🙏 Especially PHP Developers. Here is code . $yourCity = $_POST['your-city']; $destinationCity = $_POST['destination-city']; $date = $_POST['date'];         $sql = "SELECT * FROM time_price WHERE location = '$yourCity' AND  destination = '$destinationCity'"; the problem is that when I use OR operator it works properly my requirements is with AND operator , So with AND operators it returns empty . All the variables name in php file and database column is correct and set properly . Problem is only with AND operators . So, any one suggest me some technique to solve this issue .

2

The book has not only taught hundreds of developers Angular, but also taught myself quite a lot :) It is because of the book that I learnt NX, Angular Schematics, PWAs, a lot of bash scripting, and even some cool techniques in Angular that I didn't know. And now it is time to update everything to the latest Angular (v18) soon. A review/shoutout coming from someone like Dariusz Kalbarczyk means a lot as he's one of the folks in the Angular Community I admire a lot. Especially because of ngPoland & JSPoland. I've seen how great these conferences are. And how much effort, time, and planning it takes to execute them. (hint: takes almost a year worth of planning) Check out https://ng-poland.pl/ & https://js-poland.pl/

36

PHP 8.4's Asymmetric Property Visibility is a game-changer! It lets you set different access levels for reading and writing properties, enhancing encapsulation and reducing boilerplate. Perfect for cleaner, more secure code! 🚀

2

🔧 Just Published: "15 DevTool Secrets Every JavaScript Developer Must Know!" 💻✨ 1. Efficient Element Inspection: Manipulate HTML/CSS on the fly. 2. Console Mastery: Use advanced `console` methods for debugging. 3. Breakpoints: Pause and inspect code execution precisely. 4. Performance Profiling: Optimize with runtime metrics. 5. Network Analysis: Debug API calls and resource loading. 6. Memory Leak Detection: Ensure efficient memory usage. 7. Responsive Design Testing: Simulate multiple screen sizes. 8. Application State Inspection: Modify storage data for testing. 9. Async Debugging: Track errors in Promises and callbacks. 10. DevTools Customization: Tailor settings to your workflow. 🚀 Unlock the full potential of your browser’s DevTools and supercharge your JavaScript development! Read more: https://lnkd.in/gMykb7WG #JavaScript #WebDevelopment #DevTools #Debugging #Frontend #WebPerformance #CodingTips #Programming #SoftwareEngineering #TechInsights

2

When is it worth hiring a .NET developer? 8 situations: If you find yourself in such a situation, it is time to consider IT staff augmentation. #1 LACK OF IN-HOUSE DEVELOPERS Your internal team doesn’t have enough developers to handle current projects. #2 SKILL GAP Your in-house team lacks specific .NET expertise for a critical project. #3 TIGHT DEADLINES Your project requires more developers to meet fast-approaching deadlines. #4 COST EFFICIENCY Hiring full-time developers is too costly, so you need short-term or flexible staffing. #5 NEW PROJECT LAUNCH Your new project requires specialized .NET development skills that aren’t available internally. #6 TEMPORARY RESOURCE NEEDS Your business needs extra developers for a short-term project or peak workload. #7 HIGH DEVELOPER TURNOVER Rapid developer turnover has left gaps in your team that need immediate filling. #8 MAINTENANCE & SUPPORT Ongoing maintenance of your .NET-based applications requires additional resources. #technology #hiring #microsoft #staffaugmentation

4

Managing assets in a Flutter project becomes cumbersome as the number of app modules grows. My team works on such a project that houses more than 450 assets, mostly PNGs, SVGs, and JSON files spread across nested subdirectories. Whenever one has to add an icon, there's a 50% chance that a similar icon already exists in the system but is hard to spot due to being distributed into different subdirectories. This results in duplication and ends up bloating the app. To solve this, I thought of a simple solution: displaying all the files that exist in the /assets directory and subdirectories of our project. It would be a standalone, lightweight, auto-generated web page that would display the asset files of our project. I initially wrote a simple Dart script that performs all the necessary operations in one command. Later, I converted it into a Dart package, which is now available on pub.dev. Additionally, with size-based sorting, this package can help you analyze which assets are taking up the most space in your project. Don't be surprised if you see some very old and redundant PNGs, which you added 2 years back. Thanks to the outcome of this package, we are now planning to reduce our app size by ~4MB with the next release. You can find the package on pub.dev: https://lnkd.in/gpqJnXXe And if you're like me and interested in the source, you can visit the repo on GitHub: https://lnkd.in/g3JrTxaZ #devtools #flutter #dart #library #flutterpackage

113

31 Comments

Server-Side Rendering (SSR) is a popular method for rendering web pages on the server and then sending them to the client. It helps in improving performance and SEO. Next.js is an open-source development framework built on top of React that enables Server-Side Rendering (SSR) right out of the box. Instead of returning a component from our page’s default export, we’ll return a function. The function can be asynchronous and has to return an object. To implement SSR with Next.js, create a new file, for example, index.js, in your 'pages' directory. The code should be something like this: javascript function HomePage({ stars }) { return <div>Next stars: {stars}</div> } export async function getServerSideProps() { const res = await fetch('https://lnkd.in/dADNjVnC') const json = await res.json() return { props: { stars: json.stargazers_count } } } export default HomePage In the example above, we are fetching GitHub's star count for the Next.js repository. The getServerSideProps function will run on every request on the server-side and the fetched data will be passed as a prop to our page component. This is a simple way to fetch server-side data with Next.js. Remember to take account of error handling for the fetched data and to return appropriate status codes to the browser. Thus, you can enjoy the benefits of SSR with Next.js by providing faster page loads, improving your SEO, and offering a more engaging user experience.

6

2 Comments