2023-05-18 Meeting 7

 

Samazināt jautājumzīmes interfaces image-20230518171401666

image-20230518171524357

 

 

Pārtaisīt ar vienu funkciju

īpaši uzmanība uz setState kā pareizi izmantot

image-20230518171836771

https://github.com/vitalets/react-native-extended-stylesheet

Lai nebutu daudzi copy-paste

image-20230518172118537

 

 

 

5. Design Patterns - Memento, Command

 

5.1. Video / Materiāli

Video: https://youtu.be/gsayAyZn3KQ

Jamboard: https://jamboard.google.com/d/1zMvA0nOLICfPETb2sHSKFvFub5xWYF0p52sSHcr9Gt8/edit?usp=sharing

Materials:

 

5.2. Implementēt Memento un Command pattern

Implementēt Memento un Command pattern, balstoties uz lekcijas instrukcijām.

Sagatave: http://share.yellowrobot.xyz/quick/2022-10-6-EA2AF38D-B3C7-4669-A7F1-65C990FEB68B.zip

 

5.3. Mājasdarbs - Implementēt vēl vienu piemēru Memento un Command patterns

Implementēt vēl vienu piemēru Memento un Command patterns:

  1. Implementēt memento izmantojot paša veidotu serializācijas metodi binary formātā ar struct.pack (nedrīkst izmantot pickle)

  2. Implementēt Command pattern funkcijai, lai izveidotu jaunus actors un pēc tam ar "Undo" jāvar atcelt actor izveidošanu

  3. Implementēt "Redo" funkciju, lai atceltās darbības var atjaunot

 

6. Design Patterns - Decorator, Closure

6.1. Video / Materiāli

Youtube Live: https://youtu.be/Fq3FoeTvzqw

Jamboard: https://jamboard.google.com/d/1eqowCbAQHCqKKjB678YB_6vKKEBCyWpTsWl2yO4eCyE/edit?usp=sharing

 

6.2. Balstoties uz video instrukcijām implementēt Decorator un Closure patterns

Balstoties uz video instrukcijām implementēt Decorator un Closure patterns

Sagatave: http://share.yellowrobot.xyz/quick/2022-10-14-E03760CF-4197-4F6C-A865-1AFD8CF24818.zip

 

6.3. Mājasdarbs - Pievienot papildus Decorator un Closure patterns

Pievienot papildus Decorator un Closure patterns:

  1. Izveidot dažādas Decorator klases, kuras pamaina dažādas īpašības ComponentButton - pamaina krāsu, samazina, palielina fontu utt.

  2. Izveidot Closure funkciju jeb python decorator ar kuru var noteikt cik ātri funkcija izpildās - noderīga, lai uzlabotu ātrdarbību - log ierakstos jāparādas funkcijas nosaukumam un tās izpildes ātrumam sekundēs

 

FullStack VeA 2022-Q4 - 6. React Components and Hooks

 

6.1. Video / Materials - 2.dec 13:30

Youtube live: https://youtu.be/hpewQrsxNBU

Jamboard: https://jamboard.google.com/d/1dVcX247u1BJ7KCzoE7F4OMlioLdPa0WJ7IBgZKaVnEU/edit?usp=sharing

Additional materials: https://reactjs.org/docs/hooks-intro.html

https://www.w3schools.com/react/react_components.asp

 

FullStack VeA 2022-Q4 - 7. UI Navigation, React-Native-Elements, Localization

7.1. Video / Materials

 

Video: https://youtu.be/VIxqbdC0h6I

Jamboard: https://jamboard.google.com/d/1g5hmJ-95AV1zDNEWM_FBHC5b0BNe0qAiDPMvefQ5aBg/edit?usp=sharing

Materiali:

  1. http://reactnavigation.org

  2. https://reactnativeelements.com

 

7.2. Implementēt piemērus react-native, react-native-elements un react-native-localization

 

Implementēt piemērus react-native, react-native-elements un react-native-localization, izmantojot video instrukcijas

Sagatave: http://share.yellowrobot.xyz/quick/2022-12-8-325F89BB-7E08-43A9-8D8A-DC27FC95643D.zip

 

 

7.3. Mājasdarbs - Pievienot datuma un laika izvēli

Izmantojot template, kuru sagatavojām 7.2. uzdevumā:

  1. Pievienot datuma un laika izvēli ScreenHabitAdd, izmantojot https://github.com/henninghall/react-native-date-picker

  2. ScreenHome saglabāt ar useState sarakstu ar pievienotajiem Habits un to attēlot, izmantojot https://reactnativeelements.com/docs/components/listitem_swipeable (ar swipe parādās funkcija Delete un tad to var nodzēst). Uz ekrāna sarakstā jāatēlo ScreenHabitAdd ievadītais laiks un datums.

Iesniegt kodu bez node_modules un android/app/build direktorijām, iesniegt screenshot ar rezultātiem