Skip to content

Resources

Jump to bottom
veerleprins edited this page Jan 19, 2021 · 11 revisions

Below are all of the resources I used for the datasets, code and information in the wiki:

Jump to:

Datasets:

  1. RDW. (2020, December 31). Alleen Personenauto’s | Open Data | RDW [Dataset]. Rijksdienst voor het Wegverkeer (RDW). https://opendata.rdw.nl/Voertuigen/Alleen-Personenauto-s/dy9u-ian4
  2. RDW. (2020, December 31). Elektrische voertuigen | Open Data | RDW [Dataset]. Rijksdienst voor het Wegverkeer (RDW). https://opendata.rdw.nl/Voertuigen/Elektrische-voertuigen/w4rt-e856
  3. RDW. (2021, January 3). GEO Parkeer Garages | Open Data | RDW [Dataset]. Rijksdienst voor het Wegverkeer (RDW). https://opendata.rdw.nl/Parkeren/GEO-Parkeer-Garages/t5pc-eb34
  4. RDW. (2021b, January 3). Open Data Parkeren: SPECIFICATIES PARKEERGEBIED | Open Data | RDW [Dataset]. Rijksdienst voor het Wegverkeer (RDW). https://opendata.rdw.nl/Parkeren/Open-Data-Parkeren-SPECIFICATIES-PARKEERGEBIED/b3us-f26s

Information for the wiki:

  1. IsGeschiedenis. (n.d.). Geschiedenis van de Volkskrant. Retrieved 30 October 2020, from https://isgeschiedenis.nl/nieuws/geschiedenis-van-de-volkskrant
  2. de Volkskrant. (n.d.). Over de Volkskrant | De Volkskrant Service. Retrieved 30 October 2020, from https://www.volkskrant.nl/service/over-ons
  3. . M. (2020, June 24). Top 10 Populairste Kranten van Nederland (2020). Alletop10lijstjes. https://www.alletop10lijstjes.nl/top-10-populairste-kranten-van-nederland-2020/
  4. Morris, S. (2019, May 19). Tech 101: What Is a JavaScript Framework? Here’s Everything You Need to Know. Skillcrush. https://skillcrush.com/blog/what-is-a-javascript-framework/
  5. Agarwal, D. (2020, April 26). 10 Most Popular Javascript Frameworks in 2020. Coursesity. https://blog.coursesity.com/popular-javascript-frameworks/
  6. Icicle. (2020, October 8). Angular vs React vs Vue vs Svelte: A Comparison of the Top Frontend Frameworks. Icicle - Web & Mobile App Development on Ruby on Rails, React Native, Elixir. https://www.icicletech.com/blog/angular-react-vue-svelte-comparison
  7. Vue.js. (n.d.-a). Comparison with Other Frameworks � Vue.js. Retrieved 27 November 2020, from https://vuejs.org/v2/guide/comparison.html#HTML-amp-CSS
  8. Boisdequin, H. (2020, November 29). React vs Vue vs Angular vs Svelte. DEV Community. https://dev.to/hb/react-vs-vue-vs-angular-vs-svelte-1fdm
  9. React. (n.d.-a). React – A JavaScript library for building user interfaces. Retrieved 30 November 2020, from https://reactjs.org/
  10. React. (n.d.-b). Team –. Retrieved 30 November 2020, from https://reactjs.org/community/team.html
  11. Vue.js. (n.d.-b). Introduction - What is Vue.js. Retrieved 30 November 2020, from https://vuejs.org/v2/guide/
  1. Eygi, C. (2020, November 5). React Functional Components, Props, and JSX – React.js Tutorial for Beginners. FreeCodeCamp.Org. https://www.freecodecamp.org/news/react-components-jsx-props-for-beginners/
  2. Li, A. & StackOverflow. (2016, September 13). What does JSX stand for? Stack Overflow. https://stackoverflow.com/questions/39461805/what-does-jsx-stand-for
  3. React. (n.d.-a). Introducing JSX –. Retrieved 21 December 2020, from https://reactjs.org/docs/introducing-jsx.html
  4. React. (n.d.-a). Components and Props –. Retrieved 22 December 2020, from https://reactjs.org/docs/components-and-props.html
  5. Ravichandran, A. (2019, February 17). React Lifecycle Methods - A Deep Dive. Programming with Mosh. https://programmingwithmosh.com/javascript/react-lifecycle-methods/#:%7E:text=What%20are%20React%20lifecycle%20methods,birth%2C%20growth%2C%20and%20death.
  6. Khatri, S. & StackOverflow. (2017, June 12). ReactJS lifecycle method inside a function Component. Stack Overflow. https://stackoverflow.com/questions/44506207/reactjs-lifecycle-method-inside-a-function-component
  7. Mandal, M. & Medium. (2020, December 22). React Lifecycle methods with examples - How To React. Medium. https://medium.com/how-to-react/react-life-cycle-methods-with-examples-2bdb7465332b
  8. React. (n.d.-d). State and Lifecycle –. Retrieved 27 December 2020, from https://reactjs.org/docs/state-and-lifecycle.html
  9. CodinGame. (n.d.). React Lifecycle Methods Render And ComponentDidMount. Retrieved 27 December 2020, from https://www.codingame.com/playgrounds/8747/react-lifecycle-methods-render-and-componentdidmount
  10. Woodson, M. (2019, October 30). Fetching Data and Updating State in a React Class. Pluralsight. https://www.pluralsight.com/guides/fetching-data-updating-state-react-class
  11. React. (n.d.-a). .Component –. Retrieved 23 December 2020, from https://reactjs.org/docs/react-component.html#constructor
  12. NiceSnippets. (2020, January 22). What is componentWillUnmount in Reactjs With Example. NiceSnippets.Com. https://www.nicesnippets.com/blog/what-is-componentwillunmount-in-reactjs-with-example
  13. GeeksforGeeks. (n.d.). ReactJS componentWillUnmount() Method. Retrieved 23 December 2020, from https://www.geeksforgeeks.org/reactjs-componentwillunmount-method/
  14. React. (n.d.-c). Introducing Hooks –. Retrieved 27 December 2020, from https://reactjs.org/docs/hooks-intro.html
  15. React. (n.d.-h). Using the State Hook –. Retrieved 27 December 2020, from https://reactjs.org/docs/hooks-state.html
  16. React. (n.d.-h). Using the Effect Hook –. Retrieved 27 December 2020, from https://reactjs.org/docs/hooks-effect.html
  17. de Souza, A. R. X. (2016). GitHub. Gist. https://gist.github.com/rxaviers/7360908

Code:

  1. Code Drip by Aaron Jack. (2019, December 18). Learn REACT JS in just 5 MINUTES (2020) [Video]. YouTube. https://www.youtube.com/watch?v=MRIMT0xPXFI&ab_channel=CodeDripbyAaronJack
  2. Frost, B. (2020, August 31). Atomic Design. Brad Frost. https://bradfrost.com/blog/post/atomic-web-design/
  3. Shakil. (2019, August 9). Manifest: Line: 1, column: 1, Syntax error on Chrome browser [Comment on the article “Manifest: Line: 1, column: 1, Syntax error on Chrome browser”]. Stack Overflow. https://stackoverflow.com/questions/57423244/manifest-line-1-column-1-syntax-error-on-chrome-browser
  4. Gowtham, S. (2019, December 20). How to Fetch Data using React hooks. Reactgo. https://reactgo.com/fetch-data-react-hooks/
  5. Stenius, M. (2019, June 19). How to get started with D3 and React. FreeCodeCamp.Org. https://www.freecodecamp.org/news/how-to-get-started-with-d3-and-react-c7da74a5bd9f/
  6. Cho, K. (2019, 31 januari). How to create a pie chart with D3.js and React Hooks (Part 1). Medium. https://medium.com/stationfive/how-to-create-a-pie-chart-with-d3-js-and-react-hooks-part-1-81bcd7f39b32
  7. Colt Steele. (2020, May 7). Beginner’s Guide to React w/ Hooks (2020) Free Course [Video]. YouTube. https://www.youtube.com/watch?v=9U3IhLAnSxM&ab_channel=ColtSteele
  8. Gowtham, S. (2019, December 20). How to Fetch Data using React hooks. Reactgo. https://reactgo.com/fetch-data-react-hooks/
  9. Traversy Media. (2019, November 22). React Suspense Introduction (Data Fetching) [Video]. YouTube. https://www.youtube.com/watch?v=NTDJ-NQ32_E&ab_channel=TraversyMedia
  10. Shakil. (2019, August 9). Manifest: Line: 1, column: 1, Syntax error on Chrome browser [Manifest error]. Stack Overflow. https://stackoverflow.com/questions/57423244/manifest-line-1-column-1-syntax-error-on-chrome-browser
  11. Code Drip by Aaron Jack. (2019, December 18). Learn REACT JS in just 5 MINUTES (2020) [Video]. YouTube. https://www.youtube.com/watch?v=MRIMT0xPXFI&ab_channel=CodeDripbyAaronJack
  12. Ben Awad. (2018, October 28). Fetching Data from an API with React Hooks useEffect [Video]. YouTube. https://www.youtube.com/watch?v=k0WnY0Hqe5c&ab_channel=BenAwad
  13. Pop, A. (2020, November 13). Correctly handling async/await in React components. DEV Community. https://dev.to/alexandrudanpop/correctly-handling-async-await-in-react-components-4h74
  14. FrontendTips. (2020, August 12). Pie chart using d3 library #d3js [Video]. YouTube. https://www.youtube.com/watch?v=lnXf1mpFGb8&ab_channel=FrontendTips
  15. GeeksforGeeks. (2020, August 31). D3.js arc.centroid() Function. https://www.geeksforgeeks.org/d3-js-arc-centroid-function/
  16. Holtz, Y. (n.d.). Pie chart with annotation in d3.js. D3.Js Graph Gallery. Retrieved 23 December 2020, from https://www.d3-graph-gallery.com/graph/pie_annotation.html
  17. CurranKelleher. (2020, September 22). Datavis 2020 Episode 31 - Scatter Plot with Menus [Video]. YouTube. https://www.youtube.com/watch?v=j4VI47GlmGA&t=784s&ab_channel=CurranKelleher
  18. TutorialsTeacher. (n.d.). Piecharts with D3. Retrieved 23 December 2020, from https://www.tutorialsteacher.com/d3js/create-pie-chart-using-d3js
  19. Dib, F. (n.d.). Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript. Regular Expressions 101. Retrieved 30 November 2020, from https://regex101.com/
  20. Awad, B. (2018, October 18). benawad/react-hooks-examples. GitHub. https://github.com/benawad/react-hooks-examples/blob/2_api_useEffect/src/App.js
  21. Kantor, I. (n.d.). Conditional branching: if, ‘?’ Javascript.Info. Retrieved 30 November 2020, from https://javascript.info/ifelse
  22. Alpert, S. [sophie-alpert]. (2013, December 4). How to access custom attributes from event object in React? [Forumpost]. Stack Overflow. https://stackoverflow.com/questions/20377837/how-to-access-custom-attributes-from-event-object-in-react
  23. Isiaka, A. (2020, November 19). A Thoughtful Way To Use React’s useRef() Hook. Smashing Magazine. https://www.smashingmagazine.com/2020/11/react-useref-hook/

Illustrations:

  1. freebie supply. (n.d.). Volkskrant Logo [Illustration]. Volkskrant Logo PNG Transparent & SVG Vector - Freebie Supply. https://freebiesupply.com/logos/volkskrant-logo/
  2. freebie supply. (n.d.-a). React Logo [Illustration]. React Logo PNG Transparent & SVG Vector - Freebie Supply. https://freebiesupply.com/logos/react-logo/
  3. freebie supply. (n.d.-c). VUE Logo [Illustration]. VUE Logo PNG Transparent & SVG Vector - Freebie Supply. https://freebiesupply.com/logos/vue-logo/
  4. Roberto Huertas, R. & icon icons. (n.d.). File, type, svelte Free Icon [Illustration]. File, Type, Svelte Free Icon of Vscode. https://icon-icons.com/icon/file-type-svelte/130137

©️ Veerle Prins, 2020.

Wiki:

🏠 Home

📄 Case

💡 Concept

📚 Resources

Frontend Applications

🔲 Frameworks

🌀 How to code in React

💻 Getting started in React

⬇️ Collect the Data in React

🚿 Cleaning the Data in React

📊 Using D3 in React

🌐 Deploying the Application

Clone this wiki locally