- 105
- 186 791
Masteryst
Indonesia
Приєднався 4 вер 2020
Hi.. My name is Daryl. I want to have skills in Programming, Drawing, Animating, 3D Modelling, Audio Mixing, Video Editing, and much more!
Follow me if you want to learn and be able to do so much thing! We'll become skillful in many things together. :D
Follow me if you want to learn and be able to do so much thing! We'll become skillful in many things together. :D
[ReactJS Newbie Series] 5. Simple React UseState Hook
What you will learn in this video?
1. Define a function
2. How to use a function to a props instead of using inline function
3. Learn about React is a UI Library, therefore it can't track variable directly and render it.
4. Use useState Hook to track variable value changes.
5. Good Habit: Update on Github.
This Video Series Link: ua-cam.com/play/PLQq25VykDHnuFU730yhwcWJTVRcjy7ox8.html
Previous Video: 4. React button onclick
Links:
Reactstrap Documentation: reactstrap.github.io/?path=/story/home-installation--page
Github link: github.com/AkiraToya/basicbunreactstrap
This Github commit link: github.com/AkiraToya/basicbunreactstrap/tree/576ec2de0a4e2155ffe4766169c55d9798afce91
To clone:
1. Go to terminal and go to the project folder you want.
2. Type "git clone github.com/AkiraToya/basicbunreactstrap.git ." ( dot means current folder )
3. Type "git checkout 576ec2de0a4e2155ffe4766169c55d9798afce91"
Timecode:
00:00 Define function to Increase & Decrease Variable
00:36 Why variable changed but not displayed?
01:20 Use useState Hook to track variable changes
02:22 Update to Github
Thanks for watching. Hope this video series helps you learn faster.
1. Define a function
2. How to use a function to a props instead of using inline function
3. Learn about React is a UI Library, therefore it can't track variable directly and render it.
4. Use useState Hook to track variable value changes.
5. Good Habit: Update on Github.
This Video Series Link: ua-cam.com/play/PLQq25VykDHnuFU730yhwcWJTVRcjy7ox8.html
Previous Video: 4. React button onclick
Links:
Reactstrap Documentation: reactstrap.github.io/?path=/story/home-installation--page
Github link: github.com/AkiraToya/basicbunreactstrap
This Github commit link: github.com/AkiraToya/basicbunreactstrap/tree/576ec2de0a4e2155ffe4766169c55d9798afce91
To clone:
1. Go to terminal and go to the project folder you want.
2. Type "git clone github.com/AkiraToya/basicbunreactstrap.git ." ( dot means current folder )
3. Type "git checkout 576ec2de0a4e2155ffe4766169c55d9798afce91"
Timecode:
00:00 Define function to Increase & Decrease Variable
00:36 Why variable changed but not displayed?
01:20 Use useState Hook to track variable changes
02:22 Update to Github
Thanks for watching. Hope this video series helps you learn faster.
Переглядів: 18
Відео
[ReactJS Newbie Series] 7. Custom hook Logic & View Separation
Переглядів 65 місяців тому
What you will learn in this video? 1. What is custom hook 2. How to create custom hook 3. How to use custom Hook 4. View & Logic separation 5. Fundamental of how real programming works in many scale 6. Good Habit: Update on Github. This Video Series Link: ua-cam.com/play/PLQq25VykDHnuFU730yhwcWJTVRcjy7ox8.html Previous Video: 6. UseEffect & Dependencies Links: Reactstrap Documentation: reactstr...
[ReactJS Newbie Series] 10. React Props & Interface Basic
Переглядів 105 місяців тому
What you will learn in this video? 1. What is Interface? 2. What props actually is. 3. Define the interface for CountLabel 4. How to use the variable type for props 5. How to breakdown the props to be used normally 6. How to use the function type for props This Video Series Link: ua-cam.com/play/PLQq25VykDHnuFU730yhwcWJTVRcjy7ox8.html Previous Video: 9. React Custom Component Links: Interface W...
[ReactJS Newbie Series] 8. Good Habit: Refactoring & How to Refactor Custom Hook ( IMPORTANT )
Переглядів 65 місяців тому
What you will learn in this video? 1. What is refactoring. 2. Why refactoring is really important. 3. Export keyword in javascript. This Video Series Link: ua-cam.com/play/PLQq25VykDHnuFU730yhwcWJTVRcjy7ox8.html Previous Video: 7. Custom hook Logic & View Separation Links: Refactoring.guru: refactoring.guru/ Reactstrap Documentation: reactstrap.github.io/?path=/story/home-installation page Gith...
[ReactJS Newbie Series] 1. Setup + Run Web Server
Переглядів 195 місяців тому
What you will learn in this video? 1. Install node & bun. After this, you will not type npm anymore. 2. Install react web development using bun. 3. How to run web server using bun instead of npm. 4. Save your project to github for version control purpose. This Video Series Link: ua-cam.com/play/PLQq25VykDHnuFU730yhwcWJTVRcjy7ox8.html Previous Video: 0. Project Overview ( What will you learn in ...
[ReactJS Newbie Series] 4. React Button OnClick + Basic JS Debugging
Переглядів 45 місяців тому
What you will learn in this video? 1. Use onClick props on button. This is works in html element and also in the Reactstrap component. 2. Print out when the button clicked ( using console.log ). 3. Show the console / developer tools console on chrome. 4. What is e? Basically e will show your HTML element. 5. Good Habit: Update on Github. This Video Series Link: ua-cam.com/play/PLQq25VykDHnuFU73...
[ReactJS Newbie Series] 0. What Will You Learn ( Start Here )
Переглядів 305 місяців тому
This is the Overview video of what you will learn in Our "ReactJS Newbie Series". This Video Series Link: ua-cam.com/play/PLQq25VykDHnuFU730yhwcWJTVRcjy7ox8.html Github link: github.com/AkiraToya/basicbunreactstrap Thanks for watching. Hope this video series helps you learn faster.
[ReactJS Newbie Series] 2. Use Reactstrap for Basic Beauty UI
Переглядів 155 місяців тому
What you will learn in this video? 1. Install reactstrap & dependencies using Bun instead of NPM. 2. Test & using very basic reacstrap component just for testing like: Input, Label, and Container. 3. Use Card, CardBody reactstrap component for simple beautiful UI. 4. How to use inline CSS for styling in React Component. 5. How to use CSS class for styling in React Component. 6. Good practice: U...
[ReactJS Newbie Series] 9. React Custom Component & Introduction to Props
Переглядів 95 місяців тому
What you will learn in this video? 1. What is custom component in react. 2. Create two custom component. 3. Get to know a little about variable props and function props. 4. Know how to define and passing props to custom component. 5. Refactoring custom component. 6. Programming fundamental: Don't over refactoring things. Know when you need to. This Video Series Link: ua-cam.com/play/PLQq25VykDH...
[ReactJS Newbie Series] 3. React JS Variable + ReactStrap Basic Layout UI ( Row, Col )
Переглядів 125 місяців тому
What you will learn in this video? 1. Define a JS variable 2. Display that JS variable to the UI. 3. Checking if the JS variable changes on display when we change the value. 4. Use Reactstrap button. 5. Use Row and Col from Reactstrap for managing layout. 6. Write CSS that makes full width button. 7. Good Habit: Simple Concept of reusable. 8. Font size css. 9. Good Habit: Update to Github or ve...
[ReactJS Newbie Series] 6. UseEffect & Dependencies with Examples
Переглядів 55 місяців тому
What you will learn in this video? 1. What is useEffect? 2. When useEffect is triggered? 3. Not setting dependencies means run this useEffect each time something happen. 4. Set as empty array dependencies means only run this useEffect once. 5. Set state dependencies means useEffect run each time the state changes. 6. See the correct count displayed on log message, not like in the previous video...
[Uncut Experiment] Auto Prompt Creator for Mistral Instruct 7B [Part 1]
Переглядів 418 місяців тому
Try to make Mistral Instruct 7B can follow loops of improve it's own prompt. This is part 1. From this, it's seems that it's not good enough to make auto prompt, but I didn't give up yet. Still there's something that I didn't try.
[Uncut Experiment] Try to make 7B Model Follow Series of Instruction. [Success]
Переглядів 138 місяців тому
Model: Mistral 7B Instruct Q4_0 Using: Ollama
Part 19.2: New Input Action System in Action [Basketball Shooting Game for Android Unity 2D]
Переглядів 1,1 тис.11 місяців тому
Part 19.2: New Input Action System in Action [Basketball Shooting Game for Android Unity 2D]
Part 19.1: Boost Speed For Learning Unity Input Action System!
Переглядів 29011 місяців тому
Part 19.1: Boost Speed For Learning Unity Input Action System!
Part 18.4: Lives, GameOver, Retry, Final Score [Basketball Shooting Game for Android Unity 2D]
Переглядів 1,3 тис.Рік тому
Part 18.4: Lives, GameOver, Retry, Final Score [Basketball Shooting Game for Android Unity 2D]
Part 18.3: Reusable Lives Component for any Project [Basketball Shooting Game for Android Unity 2D]
Переглядів 323Рік тому
Part 18.3: Reusable Lives Component for any Project [Basketball Shooting Game for Android Unity 2D]
Part 18.2: Mastering UI Layout: Pivot & Anchor [Basketball Shooting Game for Android Unity 2D]
Переглядів 164Рік тому
Part 18.2: Mastering UI Layout: Pivot & Anchor [Basketball Shooting Game for Android Unity 2D]
Part 18.1: Brief on Gameover Condition [Basketball Shooting Game for Android Unity 2D]
Переглядів 278Рік тому
Part 18.1: Brief on Gameover Condition [Basketball Shooting Game for Android Unity 2D]
Part 17: Ball Bounce & Swish Sound SFX [Basketball Shooting Game for Android Unity 2D]
Переглядів 1,5 тис.Рік тому
Part 17: Ball Bounce & Swish Sound SFX [Basketball Shooting Game for Android Unity 2D]
Part 16: Refactor: Scene System & Game System [Basketball Shooting Game for Android Unity 2D]
Переглядів 355Рік тому
Part 16: Refactor: Scene System & Game System [Basketball Shooting Game for Android Unity 2D]
Part 15.3: Game System: Ground & Score Check using UnityAction instead of UnityEvent [Basketball 2D]
Переглядів 429Рік тому
Part 15.3: Game System: Ground & Score Check using UnityAction instead of UnityEvent [Basketball 2D]
Part 15.2: Make Ball Spawn From Game System [Basketball Shooting Game for Android Unity 2D]
Переглядів 417Рік тому
Part 15.2: Make Ball Spawn From Game System [Basketball Shooting Game for Android Unity 2D]
Part 15.1: Game System: Public vs Private [Basketball Shooting Game for Android Unity 2D]
Переглядів 268Рік тому
Part 15.1: Game System: Public vs Private [Basketball Shooting Game for Android Unity 2D]
Part 14: Start Game UI + Custom Font for TextMeshPro [Basketball Shooting Game for Android Unity 2D]
Переглядів 1,1 тис.2 роки тому
Part 14: Start Game UI Custom Font for TextMeshPro [Basketball Shooting Game for Android Unity 2D]
Part 4: Prototype Design Dashboard [ Real Project Tutorial - Point of Sale ]
Переглядів 262 роки тому
Part 4: Prototype Design Dashboard [ Real Project Tutorial - Point of Sale ]
Part 3: Prototype Design Login [ Real Project Tutorial - Point of Sale DB + Backend + Web + Apps ]
Переглядів 172 роки тому
Part 3: Prototype Design Login [ Real Project Tutorial - Point of Sale DB Backend Web Apps ]
Part 13: Random Spawn Area + Unity Event Parameter [Basketball Shooting Game for Android Unity 2D]
Переглядів 8112 роки тому
Part 13: Random Spawn Area Unity Event Parameter [Basketball Shooting Game for Android Unity 2D]
Part 2: Member & Login Planning [ Real Project Tutorial - Point of Sale DB + Backend + Web + Apps ]
Переглядів 162 роки тому
Part 2: Member & Login Planning [ Real Project Tutorial - Point of Sale DB Backend Web Apps ]
Part 12: Prepare Unity Scene for Multiple Devices [Basketball Shooting Game for Android Unity 2D]
Переглядів 6022 роки тому
Part 12: Prepare Unity Scene for Multiple Devices [Basketball Shooting Game for Android Unity 2D]
how to change blue color default web on datepicker?
Not a real life video to teach how to use this. Typically, you will pull data from a database and be setting the checked property, the defaultChecked property, the value property and the onChange, as well as verifying that the normal behavior of the checkbox is still working as expected. His video probably took him maybe 5 minutes. The channel name is laughable.
Thanks for comment. Since you know better then you definitely not too beginner, that's why it's not practical for you. There's things that also needs static only without connecting to database at all. Anyway, you're right about it's not practical if we're talking about fetching from database too. Thanks for feedback.
"PromoSM"
THANK YOU!
You're welcome! :). Thanks for watching :D
yg penting , gontaganti actionmap namun binding nyta sama
Halo. Apa udah kejawab pertanyaan di video sebelumnya?
Maksudnya kan gw pake gamepad right stick.............. .... Game pada gak cuma satu................ ( sulit di jelasin intiny) gwa pake ok screen stick ( harus)
@@masteryst lum
cara ganti map via script gmana bro,,,,,,,,,,misal gw harus ada 5 joystick dengan gamepad ,,,,,,penginnya tiap joystick gak saling mengganggu
Ada di video selanjutnya :)
@@masteryst besok gwa bikin video problem yg gwa hadapi soalnya lumayan bikin pusing
@@StickyLabDev ok okkk siip!!
Thankyou very much, you explained very well🙏🏻
Thank you :)
do you have any AR games available with you in github plz
Hi! Sorry no :D...
god this is the only video i could find on how to implement sticky property for nav React Bootstrap thank you!!
Glad it helps!!! :D
Thank you sir you saved my life!!!
You're welcome :)
Hello Masteryst ... in my unity ... The gameobjects that i referenced to events does not save in ball prefab and i can not reference any game object to events in inspector of ballprefab unity just allow me to reference the game objects that exist in scene ... can you please help me ? sorry my english is bad i hope you understand what i tried to say ...
Yes, I understand what you mean. But.. Still confuse me why you can't reference the game object outside of the existing object in the scene. Do you already make it as prefab? What unity version do you use? If possible, maybe you can record your screen to show me, so I can see clearly why it can't referencing object from not existing scene. My guest right now is: You drag the wrong object, you drag object, not the prefab ( But I maybe wrong since I didn't see it :D ).
please make more videos on such basic stuffs. Really Really helpful. Thank you!
Really really will do :D. I find that I also still don't have time to make more advance tutorial, will start making tutorial from basic. Thank you Kanu Priya :)
Hi Can you please put your cuted images in descreption or send the download link to me? thank you
github.com/AkiraToya/SimpleBasketballShootUnity3D See this github page, and the cuted image is inside "Asset" folder. There's court and model ( ball ) image. Sorry for late reply.
thank you so much @@masteryst
Can you use ts-node and ts-mocha with mochawesome?
Hi! Sorry, no. I never even heard that. Already a long time since I use mocha.
Are come from Indonesia?
How do you know? :D. Are you also Indonesian? I'm sorry for just replying, youtube didn't give notif at all on the newest comments. Don't know why...
Sir the (impact {Button} from 'react-boostrap') has Error . How to solve sir
Not impact. Import. I think you just got a typo.
@@masteryst yes sir, import that also error come sir
What is the error message?
Awesome
Thankss :D:D
thank you very much as an old wise man said "Very cool!"
Thankss! :D
also why dont you put scripts in videos so we can yonk! them
What do you mean by scripts? Source code or subtitle?
Nice tuto! keep going
Yeah, I really wanted too.. Will post part 18, and hopefully till the latest part of these series :D.. Sorry for having no content for a long time. In a really busy time :D. Thank you for your support!!
I am getting TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" do ou know what can be the reason ? "compilerOptions": { "experimentalDecorators": true, "lib": ["es2021", "es6", "dom"], "module": "commonjs", "target": "es2021", "allowJs": true, "outDir": "./dist", "rootDir": "./src", "strict": true, "esModuleInterop": true, "skipLibCheck": true, "forceConsistentCasingInFileNames": true, "types": ["reflect-metadata", "node", "mocha"], "moduleResolution": "node", "emitDecoratorMetadata": true }, "include": ["src/**/*", "**/*.spec.ts"], "exclude": ["node_modules"]
Hmm.. I never get that error. But maybe you're not installing typescript yet? Sorry for just replying. I can't maintain the youtube for now..
Thank you so much, this was really helpful!
You're welcome! :D
Dude this is absurd 7 part video and all should be 1 full one. Man this is way too short
I'm sorry for that. I'm just starting and still didn't have time to make a video ( still like that T_T ), and back then I think it's better to make it like super small section so it's easier to digest. And also, sorry for just replying, don't know why your comment didn't showed up on the comments youtube studio. Just now I can see your comment in youtube studio.
NullReferenceException: Object reference not set to an instance of an object ScoreSystem.spawnBall () (at Assets/腳本/ScoreSystem.cs:77) ScoreSystem.startGame () (at Assets/腳本/ScoreSystem.cs:53) UnityEngine.Events.InvokableCall.Invoke () (at <ba783288ca164d3099898a8819fcec1c>:0) UnityEngine.Events.UnityEvent.Invoke () (at <ba783288ca164d3099898a8819fcec1c>:0) UnityEngine.UI.Button.Press () (at Library/PackageCache/com.unity.ugui@1.0.0/Runtime/UI/Core/Button.cs:70) UnityEngine.UI.Button.OnPointerClick (UnityEngine.EventSystems.PointerEventData eventData) (at Library/PackageCache/com.unity.ugui@1.0.0/Runtime/UI/Core/Button.cs:114) UnityEngine.EventSystems.ExecuteEvents.Execute (UnityEngine.EventSystems.IPointerClickHandler handler, UnityEngine.EventSystems.BaseEventData eventData) (at Library/PackageCache/com.unity.ugui@1.0.0/Runtime/EventSystem/ExecuteEvents.cs:57) UnityEngine.EventSystems.ExecuteEvents.Execute[T] (UnityEngine.GameObject target, UnityEngine.EventSystems.BaseEventData eventData, UnityEngine.EventSystems.ExecuteEvents+EventFunction`1[T1] functor) (at Library/PackageCache/com.unity.ugui@1.0.0/Runtime/EventSystem/ExecuteEvents.cs:272) UnityEngine.EventSystems.EventSystem:Update() (at Library/PackageCache/com.unity.ugui@1.0.0/Runtime/EventSystem/EventSystem.cs:514)
我的球不能動
This one maybe because you didn't set the ball object reference from UnityEditor.
Assets\腳本\ScoreSystem.cs(51,12): error CS0246: The type or namespace name 'Scene' could not be found (are you missing a using directive or an assembly reference?) can u tell me why 修改到10:45就變成這樣了
Assets\腳本\ball.cs(39,54): error CS0428: Cannot convert method group 'GetComponent' to non-delegate type 'ScoreSystem'. Did you intend to invoke the method? 上一個修復了 但出現這個
@@HelloWilly00 Hi! Wow.. Honestly I don't really know what's the problem. Can you upload your code to github so I can take a look of that? Sorry for late reply, I'm not at home so much lately.
Wonderful! Everything worked perfect!
Nice :D
where is github rep?
Hi. Sorry, since this is tutorial, I didn't give out the github rep.. And back then ( when I make this video ), I don't have any intent to share the github.
Excelent video bro. can you do other video to the validation, but in other file too?
Hi! I think you want to watch this series: ua-cam.com/play/PLQq25VykDHnuhJkhjoru-os81QdddDeF3.html This is integrating formik with yup as the validation method, and I make the validation in a separated file too. :D. Thanks for watching.
cool
Thankss 😁
why you share the code
Hm? What do you mean?
@@masteryst source code. Basketball shot game source code
@@Kerem_MertGakadatil Actually, I didn't mean to share the code at all. But sometimes, someone struggle so much, and don't know where they got it wrong.
It would be great to see a tutorial how to export it on Android, your tutorials are really helpful you deserve more subscribers !
We'll get to this really really soon :D. Thank you!!
Contine those kind of videos please, it helps me a lot
Okay! Thankkss 😁
You deserve So much more subscribers my man
Thank you so much 😁
Thank you for you contiune basket shootoer tuts
Thanks for your support 😁😁
how can i get ring and board picture they background erased
Hi.. You have so many choice if you go to freepik and search for "basketball court". Here the URL: www.freepik.com/search?format=search&last_filter=type&last_value=vector&query=basketball%20court&type=vector You don't have to choose the same court at all :D...
I'm sorry, I think I misunderstood your question. You should download the vector type image so you can open it on program like Adobe Illustrator, or Affinity Designer, or something like that. On that program you can easily take part of the vector image.
Hi, thank u so much for doing such a useful tutorial! It really helps a lot and easy to follow :) But I'm currently still struggling with Line Renderer. It stays at the same place (white circle on a ball) and don't draw the tragectory. I checked the code and it seems like everything okay. I would really appreciate if u can get me a hint of what I'm missing, tnx!
Hi! Can you tell me where are you at? In video minutes? What can't work? Is the ball prediction already instantiate? If yes, check in the unity editor that the line renderer also shown in the editor when you drag it. If it's shown, but not moving at all, I think you need to check the code when you do drag. Print out to console to make sure the drag code is running. Thank you :)
@@masteryst thank u for answering! The Line Renderer definetily works, cause when I start the game all 50 coordinats are shown in the editor, but they are not changing (all 50 coordinats have the same number).
@@viktoriiamarfina1765 Hmm.. Do you get any error message? Already attach ball_prediction prefab to the ball script? When you click and drag the mouse, did you already try to print out anything to the console? If all that is already working fine, I only can think of one thing.. In minute 22:21 , I think you got something wrong in code ballLine.SetPosition(i bla bla ba.... ). For example, instead of newBallPrediction, you use the ball object maybe? Or you're not using i on the SetPosition index. Just to make sure the calculation working, you can Debug log the i value with newBallPrediction.transform.positon value, so you know when you drag the ball, the prediction doing calculation. If the calculation is right, then it's all about ballLine.SetPosition thing. Hope it helps :D
@@masteryst Oh, thank you so much for such a detailed response, I really appreciate it! I'll try everything you mentioned and continue following your amazing tutorial :)
@@viktoriiamarfina1765 You're welcome :D. Hope your problem will be solved. :D
hey man i did your code.. every thing worked. until i tried cleaning it.. then i tried using Ai.. made things worse hahahah.. can you please send me the code? i was working on it for two days
Lol. hahaha. This is my code: github.com/AkiraToya/SimpleBasketballShootUnity3D/commits/master But it already updated to the newest tutorial. Find the commit that fits with your progress and then browse the files :D.
@@masteryst can we chat somewhere please? its my first time making a game and your tut was great.. it will really help me if we can chat
Hi. I really want to... But I'm not sure for the time being. I'm hardly able to update my youtube video because of my work already close to deadline, and 2 project at the same time.. So, sorry I can't do it right now. But just ask, or even record, ask, show where you're getting an error, show the error message, show related code, and upload your video, I'll check it out for you :). I really hope I can continuously update my tutorial and better support for people like you. Thank you for your kind word 😬
@@masteryst well I made the code.. then I asked an AI to make it short.. Then I got everything wiped out 😭.. I clicked the link you sent me.. but I'm not sure where I can find the code.. would you be so kind and just send me a photo of the code? Or the script so I can just copy it back to my visual studio:)
@@rotem6258 Sorry that I already sleep before. See this: github.com/AkiraToya/SimpleBasketballShootUnity3D/tree/a8d0343622b5621f82185f337fcada737657a53a Just go to the assets folder, then go to scripts, and there you can see the ball script.
do you have facebook?
Yes I have, but I rarely open my facebook. What's up?
@@masteryst I'd love to chat with you
hey man im not sure what im doing wrong but i did egsacly what you did but it dosent work
What error did you get? Or, how it behave? Maybe you can record it, upload to your personal youtube and I'll check it out
Life saver of a video
Thank you 😁
kesimpulannya kenapa ya kalau pakai arrow function bisa tanpa bind,? sy awalnya mikir karena arrow function adalah anonymous function... setelah sy coba membuat method menggunakan getInfo = function(){...} ternyata tetap error
Hmm. simplenya, bisa diblg dalam hal passing function parameter: * function biasa secara default gak simpen context nya, jadi pas nunjuk variable, dia gk tw variablenya dari mana contextnya. si bind ini fungsinya ngasih context nya ke si function supaya dia bisa tw contextnya yang bener dimana. * arrow function secara default simpen context nya, jadi dia bisa nunjuk dengan benar. moga2 membantu :)
Thanks a lot for this video . Greeting From Morocco 🇲🇦❤ .
Thanks a lot! :D Greetings!
<h1> THANK YOU SO MUCH! <h1>
Thank you for watching :)
Im getting === > mocha -r ts-node/register src/test/*.spec.ts --reporter mochawesome --reporter-options reportDir=test-results TSError: ⨯ Unable to compile TypeScript: src/service/orderService.ts:103:7 - error TS6133: 'discountTypeEnum' is declared but its value is never read. ==== Can anyone help me here. Im trying to setup Mocha with typescript
Hi! That error is just because of your lint has setting if the variable, enum or something didn't used, then give error message. So, if you're not setting the discountTypeEnum, just remove it till you need to use it :). Or you can read this, and just remove the lint config that is source of your problem. www.folkstalk.com/2022/09/eslint-no-unused-vars-typescript-with-code-examples.html
@@masteryst Thanks for responding. But it's not working. The issue is not something with ESlint config. Can you plz suggest any other one. Thanks in advance
@@sriharichandanamummaneni Hi! Oh my.. I am really really sorry, I don't know why but there's no notification on this comment, so I didn't know.. 'discountTypeEnum' is declared but its value is never read. << This error, it just means that you declare but never use it. So... Just delete the variable. I know that you maybe try to use the real step of tdd, but, if you can't get rid the error by tslint, then you have no choice >,<... And maybe from tsconfig.json: { "compilerOptions": { "noUnusedLocals": false, } } I turn that off using eslint setting, but it maybe different for you. Anyway, here some solution if it still didn't work: stackoverflow.com/questions/50011443/tslint-how-to-disable-error-somevariable-is-declared-but-its-value-is-never-rea It covers so many possibilities for that error. Maybe you fix the problem already. Anyway, sorry for so late response.
Hi @sriharichandanamummaneni have you been able to make work mochawesome with Typescript? When I execute the command: "test": "set TS_NODE_COMPILER_OPTIONS={\"module\": \"commonjs\"} && mocha --require ts-node/register ./tests/**/*.spec.ts --reporter mochawesome --reporter-options reportDir=test-results" In the html created, I don't see TS code, only compiled JS code. Thanks in advice.
No github rep=auto dislike.
Wow. Do whatever you want. Lol.
music is annoying
I know. Sorry for that
Thank you for the tutorial sir. How do I make the page change to various components on clicking???
Wow. I guess I'm too late to reply. I'm sorry.. Do you still need help? If yes, can you elaborate more about your question? Thank you. Really sorry for late reply
Thank you so much! This helped :)
Do you have a tutorial where it navigates to pages?
Hi! Maybe you want to take a look at this: ua-cam.com/video/y8vGR2qv-lY/v-deo.html . When it comes to navigation, it goes to the react side. So, that's the tutorial on how to navigate using react router.
😡 P𝐫O𝕞O𝓢m