{"id":27954447,"url":"https://github.com/ebu/react-tutorial","last_synced_at":"2025-05-07T17:29:37.275Z","repository":{"id":36833820,"uuid":"41140723","full_name":"ebu/react-tutorial","owner":"ebu","description":"This repository contains the material for the react tutorial at EBU DevCon 2015","archived":false,"fork":false,"pushed_at":"2015-10-07T09:17:26.000Z","size":4505,"stargazers_count":2,"open_issues_count":0,"forks_count":3,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-04-13T22:26:56.132Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ebu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-08-21T07:02:41.000Z","updated_at":"2015-09-07T07:25:16.000Z","dependencies_parsed_at":"2022-08-29T04:41:49.639Z","dependency_job_id":null,"html_url":"https://github.com/ebu/react-tutorial","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ebu%2Freact-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ebu%2Freact-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ebu%2Freact-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ebu%2Freact-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ebu","download_url":"https://codeload.github.com/ebu/react-tutorial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252926225,"owners_count":21826268,"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":"2025-05-07T17:29:36.633Z","updated_at":"2025-05-07T17:29:37.261Z","avatar_url":"https://github.com/ebu.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-tutorial\nThis repository contains the material for the react tutorial at [EBU DevCon 2015](https://tech.ebu.ch/devcon15)\n\nAn example of the app that we intend to create can be found here: [http://react-tutorial.ebu.io/web/](http://react-tutorial.ebu.io/web/)\n\n## Setup \n### For the workshop\nDuring the workshop, the web server (data API) is not supposed to be edited. \n\nIn order to edit the JavaScript and HTML code, and the try the _react_ page, you should: \n\n- Install Git (and the Github desktop app if you are not very comfortable with the command line)\n- Clone this project on your laptop (fork it before if you want to put your code on github later).\n- Install a recent browser (Chrome would be best)\n- Run a local http server from a terminal to host the html and react (it's not the data API): \n  1. cd to the root of the react-tutorial directory you cloned from Github. For example:  `cd Desktop/react-tutorial`\n  2. You can run a server using either python or nodejs. \n    - using Python: run: `python -m SimpleHTTPServer 8888`\n    - using node: run: `node node_modules/http-server/bin/http-server -p 8888 --cors`\n- Open [http://localhost:8888/web_advanced/index.html](http://localhost:8888/web_advanced/index.html) in the browser, \n  verify that you have a web page. This is an example page of what we can do with the data. \n  During the workshop you'll build your own! \n\nThe web server accessed will be located at: [http://react-tutorial.ebu.io/](http://react-tutorial.ebu.io/) \n\n## Web server API\nFor the purpose of the tutorial, the webserver installation is optional.\nThe example web server is using react-tutorial.ebu.io by default.\nThe API returns yearly European Immigration information by country of previous residence and gender.\n\nTwo endpoints are available:\n* /data/summary\n* /data/country/:countryName:\n* /web\n\n### GET /data/summary\nGet a summary of all countries. Returns a two dimensional json object. (Dimensions: Country, Year)\n\n\n**application/json reply:**\n\n    {\n      \"Belgium\": {\n        \"1960\":\"42 248\",\n        \"1961\":\"36 088\",\n        \"1962\":\"52 834\",\n        ...\n        \"2012\":\"266\",\n        \"2013\":\"68 636\"\n      },\n      ...\n      \"Bulgaria\": {\n        \"2005\":\"2 013\",\n        \"2007\":\"1 954\"\n      }\n    }\n\n\nExample : `curl http://react-tutorial.ebu.io/data/summary`\n\n\n### GET /data/country/:countryName:\nGet gender breakdown of a country by year. Returns a two dimensional json object. (Dimensions: Year, Gender)\n\n\n**application/json reply:**\n\n    {\n      \"1980\": {\n        \"Males\":\"28 644\",\n        \"Females\":\"26 050\"\n      },\n      \"1981\": {\n        \"Males\":\"25 336\",\n        \"Females\":\"23 962\"\n      },\n      ...\n      \"2013\": {\n        \"Males\":\"36 697\",\n        \"Females\":\"31 939\"\n      }\n    }\n\nExample : `curl http://react-tutorial.ebu.io/data/country/belgium`\n\n\n### /web \nGet the example of web page. \n\n### Running the web server locally\n\nYou'll need to install nodejs and npm on your computer. Then from the root directory run the following:\n\n```\nnpm install\nnpm start\n```\n\n\n## About\n## Contributors\n- Solène Buet (EBU)\n- Mathieu Habegger (EBU)\n- Michael Barroco (EBU)\n- Christopher Chiche (www.christopherchiche.com)\n\nPull requests are welcome! \n\n## Copyright \u0026 license\nCopyright (c) 2015, EBU-UER Technology \u0026 Innovation\nThe code is under BSD (3-Clause) License. (see LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Febu%2Freact-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Febu%2Freact-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Febu%2Freact-tutorial/lists"}