{"resource":{"title":"URLs and Routing in Frontend Applications","isPremium":true,"requires":["premium.fsd"],"content":{"type":1,"body":"Many engineers treat URL design as a UX concern. In practice, it is more of an architectural decision with technical consequences. It is the bridge between the user, the browser, the backend, and your global cache. Designing URLs is effectively designing the routing architecture of a web application...","isInternal":true},"isActive":true,"stats":{"views":121,"used":0,"likes":0},"published":true,"author":{"id":"3eh0kijZwMrHum8TkMqX","name":"Devtools Tech","username":"devtoolstech"},"resourceId":"n9dDAOaX0nmLvjnDn0uU","slug":"urls-and-routing-in-frontend-applications---rid---n9dDAOaX0nmLvjnDn0uU","createdAt":1766840962293,"showPaywall":true,"needsUpgrade":true,"minimumPlan":"yearly"},"currentUser":null,"isOwner":false,"recommendations":{"questions":[{"_id":"63e1fb8822480f26b3cee189","content":{"languages":["react","html"],"difficulty":2},"tags":["javascript","react","youtube","frontend","coding challenges","ui","ux","devtools tech","react coding challenges","machine coding round","atlassion","google","cars24","devkode","codedamn","egghead","frontend masters","video","demo"],"slug":"how-to-build-a-file-explorer-atlassian-frontend-machine-coding-round-question-or-javascript-interview-question-or-react-js---qid---i2WQCZkIdpwGp2tG1LXJ","title":"How to build a File Explorer? Atlassian Frontend Machine Coding Round Question | JavaScript Interview Question | React.js","questionId":"i2WQCZkIdpwGp2tG1LXJ"},{"_id":"5ef445e23cce8c36cd29252f","content":{"difficulty":2,"languages":"javascript"},"tags":["javascript","frontend","node.js","array functions","scoping","frontend fundamentals","calling context"],"slug":"what-would-be-the-output-based-on-settimeout---qid---bXmXBqtHX5oMWnfgQPXx","title":"What would be the output? (Based on setTimeout)","questionId":"bXmXBqtHX5oMWnfgQPXx"},{"_id":"6343d44a9efd8c366a2e3d23","content":{"languages":["javascript","typescript"],"difficulty":1},"tags":["","javascript","arrays","javascript polyfills","interview question","frontend","coding","devtools tech","programming","codedamn","frontend masters","egghead","razorpay","hotstar","tata1mg","swiggy","zomato","array","array find","array findindex"],"slug":"how-to-implement-array-prototype-find-javascript-interview-question-or-problem-solving-or-javascript-polyfills---qid---nX72m7o44hxRUlSnbjo5","title":"How to implement Array.prototype.find? JavaScript Interview Question | Problem Solving | JavaScript Polyfills","questionId":"nX72m7o44hxRUlSnbjo5"},{"_id":"636d400020622762d08d019e","content":{"languages":["javascript"],"difficulty":1},"tags":["javascript","frontend","coding","devtools tech","interview questions","interview preparation","mcq","programming paradigm","tooling","mdn","js paradigm","programming questions","frontend fundamentals","min","max","javascript operators"],"slug":"what-will-be-the-output-of-the-following-code-snippet-javascript-min-max---qid---rSJuPoG7moFQrHLGzbtw","title":"What will be the output of the following code snippet? JavaScript Min, Max","questionId":"rSJuPoG7moFQrHLGzbtw"},{"_id":"6412d7afc809473cf30b5449","content":{"languages":["react","html"],"difficulty":2},"tags":["javascript","frontend","interview","razorpay.ui","ux","coding questions","tooling","devtools","notifications","fintech","product companies","top interview questions","codedamn","egghead"],"slug":"how-to-create-notifications-list-component-razorpay-interview-question-or-react-js-or-javascript-or-html-or-css---qid---nxBpTX41Lx09DQjJCa6w","title":"How to create Notifications List Component? Razorpay Interview Question | React.js | JavaScript | HTML | CSS","questionId":"nxBpTX41Lx09DQjJCa6w"}],"resources":[{"_id":"63f077e9412456738aaee88c","content":{"difficulty":1,"domain":2,"type":1,"isInternal":true,"languages":["react"]},"tags":["javascript","frontend","code","programming","ui","ux","interactive examples","codedamn","nth-child selectors","pseudo selectors","css selectors","sass","scss","less","styling","html","css fundamentals","frontend fundamentals","examples","codesandbox"],"slug":"understanding-nth-child-selectors-in-css---rid---ZD7WRQQ8iSNv8SCSZdTG","title":"Understanding Nth-Child Selectors in CSS","resourceId":"ZD7WRQQ8iSNv8SCSZdTG"},{"_id":"61f104fcf144a82a5ee29fb2","content":{"difficulty":1,"domain":2,"type":1,"isInternal":true},"tags":["javascript","hoisting","interview","js fundamentals","frontend fundamentals","scoping","temporal dead zone","frontend interview questions","interview answers"],"slug":"hoisting-in-javascript-explained-or-javascript-interview-questions---rid---6oy63tirhGHUyvC3HYf1","title":"Hoisting in JavaScript Explained | JavaScript Interview Questions","resourceId":"6oy63tirhGHUyvC3HYf1"},{"_id":"5f228218cbec5f7ffc0c2fc1","content":{"difficulty":2,"domain":2,"type":1},"tags":["frontend","css","styling","web","html","frontend fundamentals"],"slug":"what-does-100percent-mean-in-css---rid---S8XUNf7uoPo269MkjHvT","title":"What does 100% mean in CSS?","resourceId":"S8XUNf7uoPo269MkjHvT"},{"_id":"61eeae76c596de5b12fea561","content":{"difficulty":4,"domain":2,"type":1,"isInternal":true},"tags":["remix","js framework","dev tooling","sass","css","styling","frontend"],"slug":"setting-up-sass-with-remix-run---rid---lXDyMjDSdDZDXxNcJ2ep","title":"Setting Up SASS With Remix Run","resourceId":"lXDyMjDSdDZDXxNcJ2ep"},{"_id":"5f1dedb6cbec5f7ffc0c2fb2","content":{"difficulty":2,"domain":2,"type":1,"isInternal":true},"tags":["reactjs","frontend","javascript","setstate","ui","code","devtools","react setstate"],"slug":"understanding-react-setstate---rid---eA1TtSO9ANI5xpBvb0nA","title":"Understanding React setState","resourceId":"eA1TtSO9ANI5xpBvb0nA"}]}}