How to structure your web/mobile app (part 1): URLs

URLs for organising project files

src/
---- pages/
-------- index.js
-------- categories/
------------ index.js
-------- products/
------------ index.js
-------- products/details/
----------------- index.js

URLs for mobile apps

  • Deep links: You don’t have to figure out a new way of mapping deep link values with screens. Deep links are URLs, so the routing convention is already setup!
  • Analytics: The URLs uniquely identify the screens, which can be used to identify the events with a specific screen
  • Namespacing: There is a direct mapping between folder structure and URL paths. This unification removes the need for unnecessary decision making towards where to put the code that handles a specific screen

A good URL structure

{collection-name}/{operation-name}

--

--

--

You may check my website for my bio, at http://t.co/BlvwH2JyeT.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Getting the Most Out of the BigDesign Component Library

Angular life: User preferred language with Angular Universal

Best Cross Platform Mobile App Development Tools

Speeding Up Front End Development and Making It a Piece of Cake with Webix

Getting started with Angular

More JavaScript Practice

How to Count the Number of Visits on your Website with HTML, CSS, JavaScript and the Count API

Understanding hoisting in JavaScript

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Prabhakar Bhat

Prabhakar Bhat

You may check my website for my bio, at http://t.co/BlvwH2JyeT.

More from Medium

Create a Chrome Extension with React and inject it into webpages

Refactoring vs. Rewrite — Which is a Better Option ?

Native vs Cross-Platform Development

React, Libraries and Frameworks: an Introduction