Martin K.

Whеn using Rеact Routеr, you might еncountеr an issuе whеrе URLs don’t work as еxpеctеd whеn manually rеfrеshing thе pagе or dirеctly еntеring URLs. Lеt’s dеlvе into why this happens and how to address it. 

1

Here’s the latest issue of Performance Newsletter: 🔹 Comprehensive guide to JS profiling in Chrome DevTools by Giovanni Jiayi Hu 🔹 How deep is your DOM by Maxi Ferreira 🔹 Engineering for slow internet by Brr and more. https://lnkd.in/gYyyHWDg #WebPerformance #WebDevelopment

1

Ruby on Rails is the worst choice you could make for a tech stack if you: - enjoy wasting time & money - love re-inventing the wheel - want only components + routing - believe JS (or TS) is the one true language - are addicted to AWS (or AWS in disguise) - prefer having a paradox of choice - don't like an easy debugging experience - dislike understanding code at first glance - never want to ship your MVP - get paid more the longer you take - are a recruiter who wants high churn

168

34 Comments

Imagine sending this JSON to an API Platform app: { "name": "Ryan", "company": "/api/companies/5" } The string “Ryan” is set onto a name property. But the string “/api/companies/5"... becomes a Company object. Let’s chat about how that happens.

4

Introducing - CheckIN -> My Latest Project [ with actual client(s) using it ] CheckIN- http://cwash.2-ai.ca is a customer verification software for Car Wash Companies. Usually, for new carwash companies, installing new hardware and software to manage subscription and customer verification can be a very expensive thing. So, with CheckIN, customers can pay online and their subscription can be verified very easily with just the help of their license plate number. It utilizes #htmx, so the verification process is very quick and doesn't require page reloading. It brought the cost down from $150k to $4k for one of my clients. Note: eventually the expensive system might be required to handle a big load of customer. However, in the beginning saving $146k can help the business grow big enough to afford the latter system without financial burden. Beside, I am planning to make CheckIN better, so it can eventually become a permanent solution. [ I'm inviting interested investors to give this a shot. It has a great potential to disrupt an ignored industry by #BigTech. ] DM me if you wanna see a demo 😎 #software #autocarwash #verification #customerverification #django #htmx #stripe #subscription #investor #startup #investment

5

Web components (aka custom elements) are new HTML elements you can create. They're like encapsulated, reusable bits of code, and Joe is here to show you how they work. In this guide, he explains web component basics and helps you build your own. https://lnkd.in/geiUWAYp

113

1 Comment

Things That Can Break aspect-ratio in CSS – Frontend Masters Boost https://buff.ly/441R8zE CSS has an aspect-ratio property, which has had full support since around 2021. It can be a very satisfying property to use, because it can help match how your brain 🧠 works or what the desired design outcome does better than forcing dimensions does. “I need a square here” or “I need to match the 16:9 size of a ” are very reasonable design needs. Especially in a fluid environment where you’re purposely trying not to think in exact dimensions because you know they can change. Source: Things That Can Break aspect-ratio in CSS – Frontend Masters Boost ()

3

200+ Tailwind CSS Resources: Tools, Tutorials, and More🔥 🔗 https://lnkd.in/gQEGURKK This ultimate list of 200+ best Tailwind CSS resources, including - tools, tutorials, components, plugins, & more✨ Find everything you need to elevate your web development with Tailwind CSS⚡

1

Feature Friday: Generating Custom High Level Context in your CICD You can now customize context prompts in our GitHub app similar to Vs Code to write high level documentation on your code files exactly how YOU want. Want a high-level overview? A performance analysis? Or even a poem about your code? All possible with a context prompt, all in the CI/CD pipeline. Demo below: https://lnkd.in/gQGxZPuv #DevTools #SoftwareEngineering #DeveloperProductivity #GitHub

3

🤫 3 Sanity Learn courses are available in early access 🤫 Learn heaps about Sanity + Next.js + Vercel: 1⃣ Content-driven web application foundations 2⃣ Controlling cached content in Next.js 3⃣ Integrated Visual Editing with Next.js from our very own, Simeon Griggs https://lnkd.in/gPuBZvvm

48

6 Comments

Ways To Get Better At Coding 1. Have a conversation over text, not on a call. 2. Debuggine is an essential skill. 3. Be on time and Be available. 4. Don't in a rush to raise a pr, make sure you follow coding principles. 5. Take continuous feedback from your peers. 6. Understand the product first then codebase. 7.Think more Code less. 8. Promise less, Deliver more. For more points, checkout this video. https://lnkd.in/eWT2SRer #programmingtips #entrylevelprogrammers #juniordeveloper #codingjourney #techadvice #developercommunity #careeradvice #codingskills #programminglanguages #jobinterviews #softwaredevelopment #techtips #hiring #jobs

6

1 Comment

If you're building an app, you may want to add a rating system so users can rate their experience. Well here, David helps you build a rating component in React. You'll learn how to use React's compound component pattern to write maintainable code. https://lnkd.in/gNxBJeU8

150

4 Comments

11. Fetch Category Data from API - Design the category section and net patterns in the UI. - Create a `CategoryList.js` component to render the categories. - Use Axios to fetch categories through API requests. - Organize the categories data with nested categories. - Render the categories in the UI with buttons and icons. - Style the button with a common class called `primary button`. - Create a state called `categoryOpen` to toggle the category list. - Render the category list when `categoryOpen` is true and categories are available. - Create a shared CSS file for styling the category list. - Implement a dropdown functionality for the category list without affecting the overall UI layout. #FetchCategoryData #APIRequest #CategoryDataFetch #APIIntegration #DataRetrieval RELATED PLAYLIST LINK : https://lnkd.in/gf4-AqQ7 https://lnkd.in/gH-rwV2w We also provide free courses. Click the link to sign up and then call us. https://lnkd.in/g8rBwKju... https://ts4u.us/ Register Now for an Exclusive One-on-One Bootcamp 📞+1 (586) 276-7347 VISIT OUR ALL SOCIAL SITE HERE : Visit Our Facebook Page: https://lnkd.in/gv-dPVmW Follow Our Twitter: https://twitter.com/TS4U_ Instagram: https://lnkd.in/gggz69Et Visit Our LinkedIn: https://lnkd.in/gdgp6Nbu Visit Our Blogs: https://ts4u.us/blogs Please Visit Our Website : https://ts4u.us/ Please Like, Share, and Subscribe to Our Channel https://lnkd.in/gdZKk8Mh Contact Us: +1 (586) 276-7347 +1 (888) 533-5215 OUR BUSINESS EMAIL: [email protected] Our Office address: 30500 Van Dyke, Ste- 201 Warren, MI 48093 Our Location on Google map: https://lnkd.in/g4EqpwX2 Please Subscribe Our YouTube channel Here - https://lnkd.in/gdZKk8Mh https://lnkd.in/guge8e3a

4

11. Fetch Category Data from API - Design the category section and net patterns in the UI. - Create a `CategoryList.js` component to render the categories. - Use Axios to fetch categories through API requests. - Organize the categories data with nested categories. - Render the categories in the UI with buttons and icons. - Style the button with a common class called `primary button`. - Create a state called `categoryOpen` to toggle the category list. - Render the category list when `categoryOpen` is true and categories are available. - Create a shared CSS file for styling the category list. - Implement a dropdown functionality for the category list without affecting the overall UI layout. #FetchCategoryData #APIRequest #CategoryDataFetch #APIIntegration #DataRetrieval RELATED PLAYLIST LINK : https://lnkd.in/gf4-AqQ7 https://lnkd.in/gH-rwV2w We also provide free courses. Click the link to sign up and then call us. https://lnkd.in/g8rBwKju... https://ts4u.us/ Register Now for an Exclusive One-on-One Bootcamp 📞+1 (586) 276-7347 VISIT OUR ALL SOCIAL SITE HERE : Visit Our Facebook Page: https://lnkd.in/gv-dPVmW Follow Our Twitter: https://twitter.com/TS4U_ Instagram: https://lnkd.in/gggz69Et Visit Our LinkedIn: https://lnkd.in/gdgp6Nbu Visit Our Blogs: https://ts4u.us/blogs Please Visit Our Website : https://ts4u.us/ Please Like, Share, and Subscribe to Our Channel https://lnkd.in/gdZKk8Mh Contact Us: +1 (586) 276-7347 +1 (888) 533-5215 OUR BUSINESS EMAIL: [email protected] Our Office address: 30500 Van Dyke, Ste- 201 Warren, MI 48093 Our Location on Google map: https://lnkd.in/g4EqpwX2 Please Subscribe Our YouTube channel Here - https://lnkd.in/gdZKk8Mh https://lnkd.in/guge8e3a

3

Developer surveys are easy to run in theory. But in practice, you need: 🔹 A set of questions that helps you uncover concrete areas of improvement 🔹 Straightforward questions that leave no room for different interpretations 🔹 A sensible, linear scale that can be applied to all statements or questions Here’s how to design better surveys: https://swarmia.co/3KaUdUJ

6