{"id":15413221,"url":"https://github.com/tomwayson/esri-loader-react-starter-kit","last_synced_at":"2025-04-19T11:38:56.674Z","repository":{"id":148607063,"uuid":"115878020","full_name":"tomwayson/esri-loader-react-starter-kit","owner":"tomwayson","description":"A fork of the react-starter-kit showing how to use esri-loader in an isomorphic/universal React application","archived":false,"fork":false,"pushed_at":"2018-02-14T08:21:22.000Z","size":2177,"stargazers_count":9,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-29T07:22:28.578Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tomwayson.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-12-31T17:53:26.000Z","updated_at":"2023-12-31T06:52:16.000Z","dependencies_parsed_at":"2023-05-20T16:45:47.418Z","dependency_job_id":null,"html_url":"https://github.com/tomwayson/esri-loader-react-starter-kit","commit_stats":{"total_commits":715,"total_committers":147,"mean_commits":4.863945578231292,"dds":0.448951048951049,"last_synced_commit":"b730464eedff1d3c9158fd1eea6c8a08ebf28803"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomwayson%2Fesri-loader-react-starter-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomwayson%2Fesri-loader-react-starter-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomwayson%2Fesri-loader-react-starter-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomwayson%2Fesri-loader-react-starter-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tomwayson","download_url":"https://codeload.github.com/tomwayson/esri-loader-react-starter-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249685249,"owners_count":21310570,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-01T16:56:03.415Z","updated_at":"2025-04-19T11:38:56.667Z","avatar_url":"https://github.com/tomwayson.png","language":"JavaScript","funding_links":["https://opencollective.com/react-starter-kit"],"categories":[],"sub_categories":[],"readme":"# esri-loader-react-starter-kit\n\nA fork of the react-starter-kit showing how to use [esri-loader](https://github.com/Esri/esri-loader) in an isomorphic/universal React application.\n\nThis fork adds an `\u003cEsriMap /\u003e` component that lazy loads the [ArcGIS API for JavaScript](https://developers.arcgis.com/javascript/) and renders a simple map only once the user navigates to the `/map` route in a browser. By using the `componentDidMount()` lifecyle hook, the `\u003cEsriMap /\u003e` component ensures that the ArcGIS API and it's modules aren't loaded or used when rendering on the server.\n\nThe following is from the React Starter Kit:\n\n## React Starter Kit — \"[isomorphic](http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/)\" web app boilerplate \u0026nbsp; \u003ca href=\"https://github.com/kriasoft/react-starter-kit/stargazers\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/kriasoft/react-starter-kit.svg?style=social\u0026label=Star\u0026maxAge=3600\" height=\"20\"\u003e\u003c/a\u003e \u003ca href=\"https://twitter.com/ReactStarter\"\u003e\u003cimg src=\"https://img.shields.io/twitter/follow/ReactStarter.svg?style=social\u0026label=Follow\u0026maxAge=3600\" height=\"20\"\u003e\u003c/a\u003e\n\n[React Starter Kit](https://www.reactstarterkit.com) is an opinionated boilerplate for web\ndevelopment built on top of [Node.js](https://nodejs.org/),\n[Express](http://expressjs.com/), [GraphQL](http://graphql.org/) and\n[React](https://facebook.github.io/react/), containing modern web development\ntools such as [Webpack](http://webpack.github.io/), [Babel](http://babeljs.io/)\nand [Browsersync](http://www.browsersync.io/). Helping you to stay productive\nfollowing the best practices. A solid starting point for both professionals\nand newcomers to the industry.\n\n**See** [getting started guide](./docs/getting-started.md), [demo][demo],\n[docs](https://github.com/kriasoft/react-starter-kit/tree/master/docs),\n[roadmap](https://github.com/kriasoft/react-starter-kit/projects/1) \u0026nbsp;|\u0026nbsp;\n**Join** [#react-starter-kit][chat] chat room on Gitter \u0026nbsp;|\u0026nbsp;\n**Visit our sponsors**:\u003cbr\u003e\u003cbr\u003e\n\n\u003cp align=\"center\" align=\"top\"\u003e\n  \u003ca href=\"https://rollbar.com/?utm_source=reactstartkit(github)\u0026amp;utm_medium=link\u0026amp;utm_campaign=reactstartkit(github)\"\u003e\u003cimg src=\"https://koistya.github.io/files/rollbar-362x72.png\" height=\"36\" align=\"top\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://x-team.com/hire-react-developers/?utm_source=reactstarterkit\u0026amp;utm_medium=github-link\u0026amp;utm_campaign=reactstarterkit-june\"\u003e\u003cimg src=\"https://koistya.github.io/files/xteam-255x72.png\" height=\"36\" align=\"top\" /\u003e\u003c/a\u003e\n  \u003csup\u003e\u003ca href=\"https://x-team.com/join/?utm_source=reactstarterkit\u0026utm_medium=github-link\u0026utm_campaign=reactstarterkit-june\"\u003eHiring\u003c/a\u003e\u003c/sup\u003e\n\u003c/p\u003e\n\n### Getting Started\n\n* Follow the [getting started guide](./docs/getting-started.md) to download and run the project\n  ([Node.js](https://nodejs.org/) \u003e= 6.5)\n* Check the [code recipes](./docs/recipes) used in this boilerplate, or share yours\n\n### Customization\n\nThe `master` branch of React Starter Kit doesn't include a Flux implementation or any other\nadvanced integrations. Nevertheless, we have some integrations available to you in _feature_\nbranches that you can use either as a reference or merge into your project:\n\n* [feature/redux](https://github.com/kriasoft/react-starter-kit/tree/feature/redux) ([PR](https://github.com/kriasoft/react-starter-kit/pull/1084))\n  — isomorphic Redux by [Pavel Lang](https://github.com/langpavel)\n  (see [how to integrate Redux](./docs/recipes/how-to-integrate-redux.md)) (based on `master`)\n* [feature/apollo](https://github.com/kriasoft/react-starter-kit/tree/feature/apollo) ([PR](https://github.com/kriasoft/react-starter-kit/pull/1147))\n  — isomorphic Apollo Client by [Pavel Lang](https://github.com/langpavel)\n  (see [Tracking PR #1147](https://github.com/kriasoft/react-starter-kit/pull/1147)) (based on `feature/redux`)\n* [feature/react-intl](https://github.com/kriasoft/react-starter-kit/tree/feature/react-intl) ([PR](https://github.com/kriasoft/react-starter-kit/pull/1135))\n  — isomorphic Redux and React Intl by [Pavel Lang](https://github.com/langpavel)\n  (see [how to integrate React Intl](./docs/recipes/how-to-integrate-react-intl.md)) (based on `feature/apollo`)\n\nYou can see status of most reasonable merge combination as [PRs labeled as `TRACKING`](https://github.com/kriasoft/react-starter-kit/labels/TRACKING)\n\nIf you think that any of these features should be on `master`, or vice versa, some features should\nremoved from the `master` branch, please [let us know](https://gitter.im/kriasoft/react-starter-kit).\nWe love your feedback!\n\n### Comparison\n\n\u003ctable width=\"100%\"\u003e\n  \u003ctr\u003e\n    \u003cth\u003e\u0026nbsp;\u003c/th\u003e\n    \u003cth\u003e\n      \u003cp\u003eReact Starter Kit\u003c/p\u003e\n      \u003ca href=\"https://github.com/kriasoft/react-starter-kit\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/kriasoft/react-starter-kit.svg?style=social\u0026label=~react-starter-kit\" height=\"20\"\u003e\u003c/a\u003e\n      \u003ca href=\"https://twitter.com/ReactStarter\"\u003e\u003cimg src=\"https://img.shields.io/twitter/follow/ReactStarter.svg?style=social\u0026label=@ReactStarter\" height=\"20\"\u003e\u003c/a\u003e\n    \u003c/th\u003e\n    \u003cth\u003e\n      \u003cp\u003eReact Static Boilerplate\u003c/p\u003e\n      \u003ca href=\"https://github.com/kriasoft/react-static-boilerplate\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/kriasoft/react-static-boilerplate.svg?style=social\u0026label=~react-static-boilerplate\" height=\"20\"\u003e\u003c/a\u003e\n      \u003ca href=\"https://twitter.com/ReactStatic\"\u003e\u003cimg src=\"https://img.shields.io/twitter/follow/ReactStatic.svg?style=social\u0026label=@ReactStatic\" height=\"20\"\u003e\u003c/a\u003e\n    \u003c/th\u003e\n    \u003cth\u003e\n      \u003cp\u003eASP.NET Core Starter Kit\u003c/p\u003e\n      \u003ca href=\"https://github.com/kriasoft/aspnet-starter-kit\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/kriasoft/aspnet-starter-kit.svg?style=social\u0026label=~aspnet-starter-kit\" height=\"20\"\u003e\u003c/a\u003e\n      \u003ca href=\"https://twitter.com/dotnetreact\"\u003e\u003cimg src=\"https://img.shields.io/twitter/follow/dotnetreact.svg?style=social\u0026label=@dotnetreact\" height=\"20\"\u003e\u003c/a\u003e\n    \u003c/th\u003e\n  \u003ctr\u003e\n  \u003ctr\u003e\n    \u003cth align=\"right\"\u003eApp type\u003c/th\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/\"\u003eIsomorphic\u003c/a\u003e (universal)\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://en.wikipedia.org/wiki/Single-page_application\"\u003eSingle-page application\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://en.wikipedia.org/wiki/Single-page_application\"\u003eSingle-page application\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth colspan=\"4\"\u003eFrontend\u003c/th\u003e\n  \u003ctr\u003e\n  \u003ctr\u003e\n    \u003cth align=\"right\"\u003eLanguage\u003c/th\u003e\n    \u003ctd align=\"center\"\u003eJavaScript (ES2015+, JSX)\u003c/td\u003e\n    \u003ctd align=\"center\"\u003eJavaScript (ES2015+, JSX)\u003c/td\u003e\n    \u003ctd align=\"center\"\u003eJavaScript (ES2015+, JSX)\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth align=\"right\"\u003eLibraries\u003c/th\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/facebook/react\"\u003eReact\u003c/a\u003e,\n      \u003ca href=\"https://github.com/ReactJSTraining/history\"\u003eHistory\u003c/a\u003e,\n      \u003ca href=\"https://github.com/kriasoft/universal-router\"\u003eUniversal Router\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/facebook/react\"\u003eReact\u003c/a\u003e,\n      \u003ca href=\"https://github.com/ReactJSTraining/history\"\u003eHistory\u003c/a\u003e,\n      \u003ca href=\"https://github.com/reactjs/redux\"\u003eRedux\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/facebook/react\"\u003eReact\u003c/a\u003e,\n      \u003ca href=\"https://github.com/ReactJSTraining/history\"\u003eHistory\u003c/a\u003e,\n      \u003ca href=\"https://github.com/reactjs/redux\"\u003eRedux\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth align=\"right\"\u003eRoutes\u003c/th\u003e\n    \u003ctd align=\"center\"\u003eImperative (functional)\u003c/td\u003e\n    \u003ctd align=\"center\"\u003eDeclarative\u003c/td\u003e\n    \u003ctd align=\"center\"\u003eDeclarative, cross-stack\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth colspan=\"4\"\u003eBackend\u003c/th\u003e\n  \u003ctr\u003e\n  \u003ctr\u003e\n    \u003cth align=\"right\"\u003eLanguage\u003c/th\u003e\n    \u003ctd align=\"center\"\u003eJavaScript (ES2015+, JSX)\u003c/td\u003e\n    \u003ctd align=\"center\"\u003en/a\u003c/td\u003e\n    \u003ctd align=\"center\"\u003eC#, F#\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth align=\"right\"\u003eLibraries\u003c/th\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://nodejs.org\"\u003eNode.js\u003c/a\u003e,\n      \u003ca href=\"http://expressjs.com/\"\u003eExpress\u003c/a\u003e,\n      \u003ca href=\"http://docs.sequelizejs.com/en/latest/\"\u003eSequelize\u003c/a\u003e,\u003cbr\u003e\n      \u003ca href=\"https://github.com/graphql/graphql-js\"\u003eGraphQL\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003en/a\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://docs.asp.net/en/latest/\"\u003eASP.NET Core\u003c/a\u003e,\n      \u003ca href=\"https://ef.readthedocs.io/en/latest/\"\u003eEF Core\u003c/a\u003e,\u003cbr\u003e\n      \u003ca href=\"https://docs.asp.net/en/latest/security/authentication/identity.html\"\u003eASP.NET Identity\u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth align=\"right\"\u003e\u003ca href=\"https://www.quora.com/What-are-the-tradeoffs-of-client-side-rendering-vs-server-side-rendering\"\u003eSSR\u003c/a\u003e\u003c/th\u003e\n    \u003ctd align=\"center\"\u003eYes\u003c/td\u003e\n    \u003ctd align=\"center\"\u003en/a\u003c/td\u003e\n    \u003ctd align=\"center\"\u003en/a\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003cth align=\"right\"\u003eData API\u003c/th\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://graphql.org/\"\u003eGraphQL\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003en/a\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://docs.asp.net/en/latest/tutorials/first-web-api.html\"\u003eWeb API\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### Backers\n\n♥ React Starter Kit? Help us keep it alive by donating funds to cover project\nexpenses via [OpenCollective](https://opencollective.com/react-starter-kit) or\n[Bountysource](https://salt.bountysource.com/teams/react-starter-kit)!\n\n\u003ca href=\"http://www.nekst.me/\" target=\"_blank\" title=\"lehneres\"\u003e\n  \u003cimg src=\"https://github.com/lehneres.png?size=64\" width=\"64\" height=\"64\" alt=\"lehneres\"\u003e\n\u003c/a\u003e\n\u003ca href=\"http://www.vidpanel.com/\" target=\"_blank\" title=\"Tarkan Anlar\"\u003e\n  \u003cimg src=\"https://github.com/tarkanlar.png?size=64\" width=\"64\" height=\"64\" alt=\"Tarkan Anlar\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://morten.olsen.io/\" target=\"_blank\" title=\"Morten Olsen\"\u003e\n  \u003cimg src=\"https://github.com/mortenolsendk.png?size=64\" width=\"64\" height=\"64\" alt=\"Morten Olsen\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://twitter.com/adamthomann\" target=\"_blank\" title=\"Adam\"\u003e\n  \u003cimg src=\"https://github.com/athomann.png?size=64\" width=\"64\" height=\"64\" alt=\"Adam\"\u003e\n\u003c/a\u003e\n\u003ca href=\"http://dsernst.com/\" target=\"_blank\" title=\"David Ernst\"\u003e\n  \u003cimg src=\"https://github.com/dsernst.png?size=64\" width=\"64\" height=\"64\" alt=\"David Ernst\"\u003e\n\u003c/a\u003e\n\u003ca href=\"http://zanehitchcox.com/\" target=\"_blank\" title=\"Zane Hitchcox\"\u003e\n  \u003cimg src=\"https://github.com/zwhitchcox.png?size=64\" width=\"64\" height=\"64\" alt=\"Zane Hitchcox\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/react-starter-kit\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://opencollective.com/static/images/become_backer.svg\" width=\"64\" height=\"64\" alt=\"\"\u003e\n\u003c/a\u003e\n\n### How to Contribute\n\nAnyone and everyone is welcome to [contribute](CONTRIBUTING.md) to this project. The best way to\nstart is by checking our [open issues](https://github.com/kriasoft/react-starter-kit/issues),\n[submit a new issues](https://github.com/kriasoft/react-starter-kit/issues/new?labels=bug) or\n[feature request](https://github.com/kriasoft/react-starter-kit/issues/new?labels=enhancement),\nparticipate in discussions, upvote or downvote the issues you like or dislike, send [pull\nrequests](CONTRIBUTING.md#pull-requests).\n\n### Learn More\n\n* [Getting Started with React.js](http://facebook.github.io/react/)\n* [Getting Started with GraphQL and Relay](https://quip.com/oLxzA1gTsJsE)\n* [React.js Questions on StackOverflow](http://stackoverflow.com/questions/tagged/reactjs)\n* [React.js Discussion Board](https://discuss.reactjs.org/)\n* [Flux Architecture for Building User Interfaces](http://facebook.github.io/flux/)\n* [Enzyme — JavaScript Testing utilities for React](http://airbnb.io/enzyme/)\n* [Flow — A static type checker for JavaScript](http://flowtype.org/)\n* [The Future of React](https://github.com/reactjs/react-future)\n* [Learn ES6](https://babeljs.io/docs/learn-es6/), [ES6 Features](https://github.com/lukehoban/es6features#readme)\n\n### Related Projects\n\n* [GraphQL Starter Kit](https://github.com/kriasoft/graphql-starter-kit) — Boilerplate for building data APIs with Node.js, JavaScript (via Babel) and GraphQL\n* [Membership Database](https://github.com/membership/membership.db) — SQL schema boilerplate for user accounts, profiles, roles, and auth claims\n* [Babel Starter Kit](https://github.com/kriasoft/babel-starter-kit) — Boilerplate for authoring JavaScript/React.js libraries\n\n### Support\n\n* [#react-starter-kit](http://stackoverflow.com/questions/tagged/react-starter-kit) on Stack Overflow — Questions and answers\n* [#react-starter-kit](https://gitter.im/kriasoft/react-starter-kit) on Gitter — Watch announcements, share ideas and feedback\n* [GitHub issues](https://github.com/kriasoft/react-starter-kit/issues), or [Scrum board](https://waffle.io/kriasoft/react-starter-kit) — File issues, send feature requests\n* [appear.in/react](https://appear.in/react) — Open hours! Exchange ideas and experiences (React, GraphQL, startups and pet projects)\n* [@koistya](https://twitter.com/koistya) on [Codementor](https://www.codementor.io/koistya), or [Skype](http://hatscripts.com/addskype?koistya) — Private consulting\n\n### License\n\nCopyright © 2014-present Kriasoft, LLC. This source code is licensed under the MIT\nlicense found in the [LICENSE.txt](https://github.com/kriasoft/react-starter-kit/blob/master/LICENSE.txt)\nfile. The documentation to the project is licensed under the\n[CC BY-SA 4.0](http://creativecommons.org/licenses/by-sa/4.0/) license.\n\n---\n\nMade with ♥ by Konstantin Tarkus ([@koistya](https://twitter.com/koistya)) and [contributors](https://github.com/kriasoft/react-starter-kit/graphs/contributors)\n\n[rsk]: https://www.reactstarterkit.com\n[demo]: http://demo.reactstarterkit.com\n[node]: https://nodejs.org\n[chat]: https://gitter.im/kriasoft/react-starter-kit\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomwayson%2Fesri-loader-react-starter-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftomwayson%2Fesri-loader-react-starter-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomwayson%2Fesri-loader-react-starter-kit/lists"}