^^^ React JS ^^^, JavaScript library

graphQL ს ვსწავლობ და საკმაოდ სასარგებლო რამე ჩანს, საკაიფო და დახვეწილი კონცეფციაა მონაცემების ფეჩინგის

CSS რჩება ჩემს აქილევსის ქუსლად, ვერ გადამიწყვეტია Styled components ში გადავეშვა ბოლომდე თუ ერთ ერთ პოპულარულ ფრეიმვორკს როგორიცაა tailwind -ს დავუთმო ბარემ ბოლომდე დრო
Styled components ბევრ უპირატესობას უკვე ვამჩნევ კოდის უფრო ორგანიზირებულობის და მარტივად წაკითხვადობის თვალსაზრისით
პრაქტიკაში ანუ დამსაქმებლებთან არ ვიცი როგორაა.

GeorgeSword
მე მაგალითად

ვწერ, იმავე ჯს ფაილში ვწერ და უფრო კომფორტულია ჩემთვის.

პითონი


ხოო აი მეც ბოლო დროს დამევასა სტაილდ კომპონენტები რა
იმავე ფაილშე წერის გამო უფრო არა, მეტად ნათელი რომაა რომელ ელემენტს უკეთებ დიზაინს ანუ სემანტიქსს როგორც ეძახიან დაცულია რა, ვიდრე დივების სუპი გქონდეს და ჯასთ კლასსნეიმებით, უფრო დიდია შანსი აიხლართო ალბათ
ყველას თავის სტილი აქვს კოდის წერის რასაც ვუყურებ ტუტორიალებში, ვერ გაიგებ რა
ალბათ ძაან პროფი უნდა იყო მიხვდე რომელ პროექტში როგორ ჯობია
რასაც თვალი მოვკარი ამბობენ რომ როცა ძალიან ბევრი კომპონენტი გაქვსო ტეილვინდ ფრეიმვორქი ჯობიაო, რადგან გამეორება აღარ გიწევს იგივე კოდის, სიტყვაზე button ღილაკის სტილი ყველა კომპონენტში დიდი ალბათობით იგივე გექნება და აშ
სტაილდ კომპონენტებში კიდე თავიდან უნდა წერო ცალკე აკოპიპეისტო ალბათ,
ნუ გააჩნია რა პროექტს

http://52.29.196.57
ჩემი გაკეთებული პატარა ონლაინ მაღაზიის საიტი რეაქტჯს-ზე. ბექი ASP.NET Core 5 Web Api-ზეა. ბაზა სქლ სერვერ.
AWS-სზე ავტივრთე ყველაფერი, CI/CD-ით, ანუ კოდს რომ ვაკომიტებ ეგრევე Deployment-ს აკეთებს რამოდენიმე წუთში და საიტი ნახლდება.
პროდუქტის კალათაში დამატება, ორდერის გამოწერა, საკუთარი ორდერების ნახვა (ისტორია) და დაიშიპა თუ არა. ადმინ პანელი. პაგინაცია (გვერდების).
ადმინიდან პროდუქტების დამატება (სურათებით), კატეგორიის დამატება (სურათებით), პრომო კოდების მართვა და ორდერების დაშიპვა.
პაროლი შეცვლის ფუნქციონალი უზერზე.
დარეგისტრირდით, დაამატეთ პროდუქტი და გამოწერეთ ორდერი. მერე ადმინით დარეგისტრირდით Register as admin ჩეკის მონიშვნით და მაღლა მარჯვნივ კლუჩს დააჭირეთ და ადმინ პანელში შეხვალთ.
ბაზა სატესტოა და რამდენიც გინდა იმდენი ითამაშეთ. თუწაშლით რამეს დავსტარტავ ხელახლა პროექტს და ბაზას იშევ შექმნის ანუ პროდუქტებს ისევ აღვადგენ დეფოლტებს.
* * *
ეხლა დავამატე შიშველი სურათების ჩეკი
შიშველ სურათებს ვერ ატვირთავთ პროდუქტის დამატებისას და კატეგორიის დამატებისას.
მაგარ ტექსტებს წერს, შეტყობინებას ქალზეც და კაცზეც სხვადასხვას
* * *
ადრე ჩათ აპლიკაცია გადავწერე MVC 5-იდან Core-ზე. და ეგეც ავტივრთე.

უფასო ჩათი: https://i.imgur.com/dopQPS1.png
3 ბრაუზერი გავხსენი და ისეა გადაღებული ეს სურათი.
სურათის გაგზავნაც აქვს ჩატში და სმაილიკების.
http://18.156.88.69
* * *
რეაქტის აპლიკაციის ლინკი: http://18.157.75.221
იპ შეიცვალა.

This post has been edited by ac1001 on 13 Jan 2022, 19:32

ჯერ ჯერობით გავთიშე საიტები. ერთ ინსტანსზე გადამყავს თორე იჩარგება

ac1001


კონტექსტ აპი იყენებ თუ რედაქსს?

როდის ჩართავ საიტებს, საინტერესოა

GeorgeSword
რედუქს ვიყენებ დატა სტორად. მალე ჩავრთავ. 1 დღე ვეჩალიჩები რომ CodeBuild-ით ავტომატურად დავბილდო ReactJS აპლიკაცია და დავჰოსტო ვინდოვს სერვერზე. ლინუქსზე დავჰოსტე მარა ორი ვირტუალური მანქანა მჭირდება მაგისთვის და მაგის გამო დამჩარჯა და 18 დოლარი გადასახდელი მაქ უკვე (და კიდე რაღაცეები შემეშალა) პროგრამირებაში თემა გავხსენი AWS-ზე და იქ დავწერე. ვინმეს თუ დააინტერესებს AWS ვასწავლი რა უნდა ქნას რომ Free Account-ით არ დაიჩარჯოს.
ეხლა ვცდილობ რომ Windows Server 2019-ზე დავაყენო. ბექი ავწიე უკვე ASP.NET Core 5 Web Api-ზე და MS Sql Serve Express ბაზაც ავწიე და მუშაობს. მარა აი რეაქტის დაჰოსტვა ავტომატურად ვინდოვს სერვერზე გამაწვალა. გუშინ 8:30AM ზე დავიძინე მაგის გამო და კიდე ვერ გავაკეთე.

ac1001


ეხლა მე ძაან ვერ ვერკვევი დაჰოსტვის ამბებში მაგრამ საცდელი პატარა აპლიკაციები რაც დამიჰოსტია heroku ზე ,ავტომატურად ახლდება ხოლმე როცა ვფუშავ
ანუ გითჰაბ რეპოზიტორია მაქვს მიბმული ჰეროკუზე და ცვლილება როცა ხდება რეპოზიტორიაში (ჩერეზ VS Code push ით)ჰეროკუც ანახლებს ავტომატურად, ასეთი ფუნქცია აქვს ჰეროკუს ნუ შეგიძლია გამოურთო კიდეც

ვინდოუს სერვერზე რატომ გინდა მაინცდამაინც დაჰოსტო? ცოტა ჩაინიკური კითხვა გამომდის მაგრამ მაინც ვიკითხავ
შეგიძლია უფრო განმარტო ?

GeorgeSword
ვაფშეტა მართალი ხარ. რათ მინდა ვინდოვსი. მარა ვინდოვსი იმიტომ დავაყენე რომ .ნეტის აპლიკაცია გავუშვი და რემოუთ დეკსტოპით შევდივარ. და ვაკონტროლებ რემოუთ დეკსტოპით როგორც კომპიუტერს.
შეიძლება გადავაწყო ლინუქსზე. .Net Core ლინუქსზეც არის, და მანდაც შეიძლება. მარა გუი არ აქვს და მაგასაც დავაყენებ ალბათ და შევალ რემოუთით.
სრული კონტროლი მინდოდა სისტემის და მაგიტომ დავაყენე ვინდოვსზე.
თან ლინუქსე მარტივად ავწევ. აი ვინდოვზე მინდა ავწიო და ვისწავლო. თუმცა ნებისმიერ ჰოსტინგზე რომ ატვირტო რეაქტის აპლიკაცია ან შენს კომპიუტერში იის-ში 2 წუთის ამბავია. პროსტა აი AWS ვინდოვს ჰოსტინგი და ავტომატური დეპლოიმენტი ატრაკებს.

ac1001

update ხომ არ უშლის ხელს?

https://www.bleepingcomputer.com/news/micro...CvhwPpAkR_hhUas

This post has been edited by Desmond Miles on 15 Jan 2022, 17:17

ac1001


აჰაა გასაგებია ეხლა

ერთი პატარა კითხვა აქვე
აი წარმოვიდგინოთ გვაქვს parent კომპონენტი რომელსაც ყავს child და grandchild კომპონენტები, ჩვენი მიზანია props გადავცეთ parent დან grandchild ს
უფრო მიღებული პრაქტიკა რომელია , სიტყვაზე გვაქვს პროდუქტების სია,
products.map ანუ იტერაცია და დესტრუქტურიზაცია
const{id, name, price...etc}= product
ესენი parent ში მოვახდინოთ და შემდეგ grandchild ში ფროფსებით დავაბრუნოთ თუ grandchild შივე ან child ში გავუკეთოთ იტერაცია და დესტრუქტურიზაცია ხოლო ფარენთით ჯასთ გადავცეთ ფროფსები : products={products} {...product}?
თუ არ აქვს იქნებ ამას არსებითი მნიშვნელობა სად მოახდენ მაპინგს და დესტრუქტურიზაციას?
ხან ფარენთში აკეთებენ ხოლმე და ხანაც ჩაილდებში და ვერ დავადგინე თუ არსებობს ამაზე რაიმე წესივით როგორ ჯობია და რატო

Desmond Miles
არა. npm build-სას შეცდომებს არტყამს ნოდ მოდულებში.
GeorgeSword
ზოგადად პროპსებს რო გადასცემ ეგრე პროპებით მაგას პროპს დრილინგ ქვია და არაა კაი პრაკტიკა. მარტო ერთ დონეზე შეიძლება. მარა ჩაილდის ჩაილდს რო გადასცემ ეგ პროპს დრილინგია. მაგი რომ არ აკეთო ან რედუქს სტორი უნდა გამოიყენო ან context. .map-ს სად დაწერ არრაიზე არ აქ მნიშვნელობა საერთოდ.

ac1001

აჰაა გასაგებია ეს მაინტერესებდა, მეც ასე ვვარაუდობდი

პროპს დრილინგ მგონი მესამე დონემდე როცა ჩადიხარ იტს ოკ არის
უფრო ქვედა დონეებზე ბაზარი არაა კონტექსტ აპი ჯობია რომ აღარ წერო ხელით თვითოეულ ქვე კომპონენტში პროპსები

გავაკეთე როგორც იქნა. ბევრი კონიფუგრაციის ფაილები იყო გასაკეთებელი რომ ავტომატიზირებული ყოფილიყო.
ონლაინ მაღაზიის საიტი აქაა:
http://18.197.248.204

GeorgeSword

რომ გავიღვიძებ ჩატის აპლიკაციასაც ავტვირთავ.


----
ითამაშეთ რამდენიც გინდათ, წაშალეთ დაამატეთ, დარეგისტრირდით გამოწერეთ ორდერები.
შიშველ ფოტოებს მაინც ვერ ატვირთავთ
Home ღილაკი რეაქტის ლოგოა მაღლა მარცხნივ

This post has been edited by ac1001 on 18 Jan 2022, 09:22

ac1001


საღოლ ძაან კაია
დიზაინია დასახვეწი(ასევე რესპონსივი) თუმცა ეგ უკვე ui/ux თემაა
ფუნქციურად ასწორებს
ასევე უფრო უსაფრთხო პაროლი რო დააყენო რეგისტრაციისას აპერქეისი სიმბოლო და რიცხვი კარგი იქნებოდა
password: 1234567 -ით დავრეგისტრირდი :დ