Cześć Mirabelki i Mireczki spod znaku #javascript / #typescript!

Od miesiąca we trzech tworzymy podcast o tematach związanych z programowaniem.
Na naszym kanale znajdziecie już dwa wcześniejsze odcinki o bugach w oprogramowaniu oraz pierwszy odcinek w którym poruszamy różnorakie tematy luźno związane z programowaniem.

Wczoraj opublikowaliśmy pierwszy odcinek serii SNIPPETS, w której będziemy publikować krótkie, skondensowane odcinki nie dłuższe niż 10 minut.
W tym konkretnym odcinku Marek opowiada o swoich doświadczeniach
Hej, frontendowcy! ( ͡° ͜ʖ ͡°)

Razem z kolegami z pracy organizujemy ankietę State of Frontend 2022, w której możecie podzielić się doświadczeniami, opiniami i prognozami na przyszłość frontend webdevelopmentu.

https://tsh.io/state-of-frontend/

Efektem tej ankiety będzie raport State of Frontend 2022, który pojawi się kilkanaście tygodni później. Będzie on ogólnodostępny dla wszystkich ZA DARMO, a w środku znajdziecie sporo wykresów, analiz i wniosków. Żeby jednak do tego doszło,
elektryk91 - Hej, frontendowcy! ( ͡° ͜ʖ ͡°)

Razem z kolegami z pracy organizujemy ...

źródło: comment_1644317352Y3ehlpawJzqKFX9PYsa79s.jpg

Pobierz
@Alodnog: Kwestia tego co chcesz osiągnąć. Własnie w tym przypadku zmiana na number jest imo jak najbardziej sensownym rozwiązaniem. Jedyny usecase dla Twojego salary to zwiększenie o 1k, to też nie ma sensu w ogóle wrzucać tam | null.
  • Odpowiedz
#react #typescript #javascript #programista15k
Piszę aplikacje w typescript/react i mam problem w pewnej sprawie.W pliku App.tsx mam useReducer oraz context w ktorym jest state z usereducer i dispatch którego uzywam w pliku ModalEdit.tsx. Problem polega na tym ze w pliku modaledit kiedy uzywam dispatch (jest podpiety pod button z metoda handleSubmit) nie wiem jak przechwycic id elementu który jest w tablicy ktora jest wlasciwoscia state. Po prostu chce w tym pliku edytowac
Jaka jest różnica między @Input a Subject<>() w #angular ? Chciałbym przesłać informacje (a dokładniej indeks zaznaczonego li) z parent component do child component. Mogę to zrobić przez service. Tam umieścić subject i zasubskrybować go w child component. Zastanawiam się tylko czy jest jakaś zasada w której stosuje się stricte @Input czy @Output a kiedy takie rzeczy jednak robi się przez service. No bo jeśli użyje @input to dane nie będą się
@pablojakub: przez service robisz gdy potrzebujesz przesłać jakieś dane między komponentami które nie mają relacji. Jak jest relacja parent-child używaj Inputów i Outputów. Dodatkowo możesz poczytać czym są smart i dump components. No i przyda Ci się zapoznać czym są pure componenty.
Pozdro Angularowy wariacie :D
  • Odpowiedz
@pablojakub: Jeżeli przekażesz jakieś property, następnie na wyrenderowanym widoku w parencie zmienisz wartość tego property, a w childzie będziesz tą wartość wyświetlał to w takim przypadku wartość będzie się zmieniać bo przekazując @Input stosujesz one way binding. Natomiast jeśli po zmianie twojej property ma się odpalić jakaś metoda to możesz w childzie zrobić z tej @Inputowanej propertki setter w sposób następujący:

@Input() set propertyXYZ(value: XYZ) {
this.calculateZYX(value);
}

zerknij na
  • Odpowiedz
Pytanko do #ngrx. Jak zapisać te same dane w store ale zmapowane? Na przykład mam listę userów, którzy są trzymani w store jako User, jednak na innej zakładce chce znów pobrać te dane i zmapować jako UserWithEyes i tak zapisać w store pod taką nazwą. Da się?

#angular #typescript
@hanyska2: Zdefiniuj "zmapowane" - masz jakąś klasę mapującą z metodami? Jesli tak - to niebardzo, w teori store powinien być serializowalny i deserializowalny.

Jezeli masz obiekt user i jakiś obiekt eyes, to zduplikowanych danych nie powinno się trzymać w store - takie "mapowanie" robi się przez selektory
  • Odpowiedz
Mam dwie wartości np. const x = ["Anna", "Emma"]
Chce sprawdzać warunek wykluczajacy drugiego:

if (name === 'Anna' && listOfPerson.some(person => person.name === "Emma")) return "nevermind"

if (name === "Emma"' && listOfPerson.some(person => person.name === "Anna")) return "nevermind"

Ktos ma pomysl jak to dobrze ograc? :)

#programowanie #typescript #angular
  • 1
@cppguy no shit Sherlock, nie wiedziałam ( _) A tak serio to chodzi mi o logikę wykluczania a nie typowania. Gdybym miała Ci przykleić cały "prawdziwy" kod to byś nie wiedział o co chodzi. Tu jest uproszczenie.
  • Odpowiedz
Zadziala tylko dla dwoch wartosci:
private static persons = [‘Anna’, ‘Emma’];

// funkcja
const personIndex = YourClass.persons.indexOf(personName);

if (personIndex < 0) return ‘green’;

return listOfPerson.find(person => person.name === YourClass.persons[Math.abs(personIndex - 1)])
? ‘red’
: ‘green’;
  • Odpowiedz
#webdev #react #typescript
Mam formularz, którego state trzymam w zmiennej o typie FormData (przykład na obrazku). Gdy użytkownik wypełni formularz, przejdzie walidacje, to wtedy mogę utworzyć nową zmienną o typie ValidFormData i przesłać ją dalej, ponieważ po walidacji mam pewność, że wartości tego formularza nie są puste.
Co robicie w takim przypadku? Jakie macie sposoby, aby po walidacji stworzyć nową zmienną o typie ValidFormData?
Oczywiste, że wystarczy zrobić if(formData.username && formData.project)
Alodnog - #webdev #react #typescript
Mam formularz, którego state trzymam w zmiennej...

źródło: comment_1641471497nmCQfy1bWdGmUouAaGuZiH.jpg

Pobierz
#javascript #pracait #pracazdalna #remote #react #typescript #redux

Możliwość pracy w pełni zdalnie. Szukamy Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.

Widełki:
- Senior 16 000 - 26 000 brutto UoP
- Mid 8 000 - 16 000 brutto UoP

Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga z zadaniami i kodem.

Co oferujemy?

Po pierwsze MOŻLIWOŚCI ROZWOJU:
Zespół
Jaki edytor najlepszy pod #webdev? Korzystalem glownie z #vscode jak porzadny #soydev i troche korzystalem tez z Intellij Ultimate, ale nie wiem czy moze nie sprobowac Webstorm.
Z Intellij mam ten problem, ze jak go wlaczam to laptop zamula powoli i ciezko mu idzie.
VSCode jest wygodne, bo dziala szybciej, ale trzeba pelno pluginow instalowac i sie bawic z konfiguracjami... a nawet jak sie to zrobi to nie ma sie tego
Muszę na szybko zrobić poprawkę w projekcie angularowym. Problem, że nie znam angulara i bardzo słabo JS, backed here ( ͡° ͜ʖ ͡°)
W każdym razie ktoś mi może powiedzieć jak tutaj ogarnać debugowanie w VS code ?
Widzę, ze to rozszerzenie debugger for chrome jest już oznaczone deprecated (,)
#angular #programowanie #frontend #javascript #typescript
#vscode #jsdoc #typescript #javascript #frontend #backend #webdev
W TypeScript jest tak, że może pojawiać się ostrzeżenie, gdy jakaś zmienna jest typu any.
Czy można to włączyć dla VSCode, żeby ostrzegało również gdy używasz JSDoc?

Ogólnie jest parametr w .vscode/settings.json:

"js/ts.implicitProjectConfig.checkJs": true,
I w jsconfig.json:

{
"compilerOptions": {
"checkJs": true,
}

...ale to nie ostrzega, gdy typ sam się ustawi gdzieś na typ any, np. parametry wewnątrz funkcji.
look997 - #vscode #jsdoc #typescript #javascript #frontend #backend #webdev
W TypeSc...

źródło: comment_1639591038OCLLqaIrs5GrsjY1x1kI4q.jpg

Pobierz
Inaczej się pisze pod Azury a inaczej z silnikiem używając tego samego języka. Proponuje na starcie zobaczyć tutoriale i przejrzeć przykładowe linijki kodu. Proste i intuicyjne.
  • Odpowiedz
Pytanie: Co to znaczy, ze JavaScript jest dynamicznie typowany?
Odpowiedź: Oznacza to, że do zmiennej można przypisywać wartości różnych typów. W związku z czym lepiej korzystać z #typescript

Wideo (ang): https://youtube.com/shorts/UY_3GJrVi-E

Jeśli chcesz więcej odpowiedzi na pytania rekrutacyjne daj plusa, albo jakiś hejterski komentarz i obserwuj ostatni tag ( ͡° ͜ʖ ͡°)

#programowanie #naukaprogramowania #programujzwykopem #dlaprogramistow #pytaniarekrutacyjnezprogramowania
Pytanie: Co to znaczy, ze JavaScript jest dynamicznie typowany?


@tomaszs: oznacza że jak dev typuje jaki język użyje do projektu to podejmuje decyzje dynamicznie czyli najczęściej w momencie jak się wzdzwania na Daily.

  • Odpowiedz