fullstack-hy2019 / fullstack-hy2019.github.io

Full stack -websovelluskehitys 2019

https://fullstack-hy2019.github.io/

Materiaali on lisensoitu Creative Commons BY-NC-SA 3.0 -lisenssillä

fullstack-hy2019.github.io's Issues

Possibly old class based code in part 6

In part 6, exercise 6.9, there is the following text which looks suspiciously like old class based code:

Sovelluksessa on valmiina komponentin Notification runko:
class Notification extends React.Component {
  render() {

Also later there is this:

class NewNote extends React.Component {

The breadcrumb menu doesn't show full text on Safari

Part 3 instructions a little unclear

So in part 3, when building the backend for the phone number app, the instructions (3.1) tell us to have the api serve a hardcoded list of names and phone numbers. It would make sense that this hardcoded list is not meant to be modified despite the tasks in 3.4 and 3.5 are to implement DELETE and POST endpoints respectively.

This is all fine and well, but the bigger confusion comes in the next chapter when in task 3.9 we are told to make the backend work together with the frontend. How is this supposed to be possible when POST requests don't actually add anything to the data on the server and DELETE requests don't remove anything?

Perhaps I missed something in the instructions, but could you clarify how exactly this is supposed to be done (prior to implementing any database integration)? Thanks.

Syntax highlighting missing and some images not loading

Exercise 6.9 shows an old code snippet of Notification.js

Should be:

import React from 'react';

const Notification = () => {
  const style = {
    border: 'solid',
    padding: 10,
    borderWidth: 1
  }
  return (
    <div style={style}>
      render here notification...
    </div>
  )
}

export default Notification

The (only) link in FAQ doens't work

the link takes to faq/osa0 which naturally doesn't work

Bug: Associated functions for click event of the Button component do not work [Part 1c]

See the last code snippet in

• https://github.com/fullstack-hy2019/fullstack-hy2019.github.io/blob/source/src/content/osa1/osa1c.md#tilan-vieminen-alikomponenttiin
• https://fullstack-hy2019.github.io/osa1/komponentin_tila_ja_tapahtumankasittely#tilan-vieminen-alikomponenttiin

Most likely they should be changed from

handleClick={() => setToValue(counter + 1)}
handleClick={() => setToValue(0)}

to

handleClick={setToValue(counter + 1)}
handleClick={setToValue(0)}

Improvement: Open external links in new tab