More useful tricks, including a step by step walkthrough on how to configure VS Code like I show here, in our full blog post: www.builder.io... #javascript #react #vscode #ai #openai #tailwindcss
More useful tricks, including a step by step walkthrough on how to configure VS Code like I show here, in our full blog post: www.builder.io/blog/vscode-tips
The default way to use co-pilot is so unintuitive and hit-and-miss, I don't bother most of the time. This changes everything and it's so simple! Thank you.
Fr, sometimes it’s like, “let me fill in those {} for you with the 10+ lines you were gonna write!” And other times it’s like, “…who, me? I’m on break.”
Good news is that this will still require a developer to use and navigate and ultimately cleanup or make final decisions. Those who opt not to have developers do this are the ones who have chosen their own path with their Wix site.
And for some languages like Java.. having the boilerplate and general flow created in minutes… you can spend the rest of your time testing logic, optimizing, etc. you can even ask ai to explain what a part does if you aren’t familiar. I mean all said with the caveats ai has. But it makes me giddy.
AI is great for non-deterministic or subjective results. If I am gonna have to refactor/review most of the code ,I could spend time actually writing it. That being said I am not totally against it to generate dumb UI or dumb logic, but this video shows exactly how instead of writing full English sentences I could write a few tailwind classes and get expected results
Thing is, you may not know which classes to add without googling it. This plugin lets you do the same as "google" and "copy+paste" in one go. And it's smarter than that, since it can insert the code in the right places, and adjust it to you specific code. AI is a game changer for productivity and creativity right now, and will be a gamechanger for correctness as well in the future. Can't wait until we can translate an entire codebase to Rust in a single prompt!
@@snailedlt Yes agreed, for the unknown bits, I would still prefer gpt over googling the same thing. But I think you'd have to develop an understanding of the code, whether you are copying it from stackoverflow or allowing gpt to write it. Its a gamechanger for sure, but blindly allowing it to do everything is not the way forward.
@@snailedlt The tailwind extension which every tailwind developer likely uses gives you autocompletion for the classes. If you know CSS you can pickup tailwind within an hour of using it with the extension. This problem of "not knowing which classes" is a hallucinated problem by people who don't use tailwind.
@@_y7ya regardless, you can't write "center the button" and immediately get the correct result with just autocompletion. The hard thing isn't remembering all the words, the hard thing is remembering what all of them do, and which ones to apply in certain situations. Autocomplete only helps if you know roughly what it's called
Never thought this day would come, but maybe, just maybe, I’ll drop NVIM and IntelliJ for a couple weeks to give VS Code a shot. *lord please forgive me*
🎯 Key Takeaways for quick navigation: 00:00 Entrenar *tu propio modelo de inteligencia artificial es más fácil de lo que piensas. Puede ser más rápido, más barato y mejor adaptado a tus necesidades que utilizar modelos grandes preexistentes.* 00:14 Aunque *los modelos grandes como GPT-3 y GPT-4 pueden ser lentos, costosos e impredecibles, entrenar modelos propios más pequeños y especializados puede ser más de 1,000 veces más rápido y más económico.* 00:57 Para *entrenar tu propio modelo AI, desglosa tu problema en partes más pequeñas. Si los modelos preexistentes no funcionan bien para tu caso, considera crear uno propio.* 02:19 No *siempre es efectivo crear un único modelo grande que abarque todo. Entrenar modelos grandes es costoso, lleva tiempo y puede ser difícil obtener la cantidad masiva de datos necesarios.* 03:13 Intenta *resolver parte del problema sin AI antes de recurrir a modelos complejos. Desglosar el problema en partes manejables te permitirá escribir código tradicional para resolverlo.* 03:56 Para *entrenar tu modelo, identifica el tipo adecuado y genera muchos ejemplos de datos. En este caso, usaron un modelo de detección de objetos para localizar elementos en imágenes de diseños de Figma.* 06:56 Entrenar *el modelo puede ser asequible en la nube, como con Google Vertex AI, que proporciona herramientas de verificación y ajuste de datos. La calidad de tus datos afecta directamente la calidad de tu modelo.* 08:20 Modelos *especializados para tareas específicas, como identificación de imágenes, pueden ser más eficientes y rentables que modelos grandes. Combina estos modelos especializados con código tradicional para una solución completa.* 09:42 Aunque *los modelos de lenguaje grandes (LLM) pueden ser lentos y costosos, a veces son la mejor opción para ajustes finos en el código. Combina diferentes enfoques para crear una herramienta completa y personalizable.* Made with HARPA AI
does any extension adds detail comments to code? Like I already written code with very comments but I need autogenerated detail comments or something similar
Looks weird - instead of adding one single tailwind class to the button you are writing here a pretty large sentence. Also it's so basic example that only makes me laugh. Dude - it's not the real use cases. You just asking AI to add a space to your single button element in the codeblock...
While this is a really cool, still I don't like it at all. Not because "will loose the job", but because of the things like this one, people go to the wrong direction. They are becoming more and more distant from nature. Not to mention destroying planet, animals, plants,... Every new cool technology has made our lives harder and more complicated.
It doesn’t have to be that way. The power of technology is morally neutral and blind to nature. A hammer only strikes where your hand directs. Is it easier to shoot yourselves in the foot with powerful AI? Sure. Is it easier to utilize AI to positively impact the world? I believe so.
This thing is definitely not ready. I'm asking it to do very simple things such as "remove all properties with the key of "id" from this JSON, and it does nothing even close. Sometimes just does random stuff to my code that makes no sense whatsoever such as add the following to middle of the JSON "_id": "5959f6c9b6d0fb0001e7f7e6", "_id": "5959f6c9b6d0fb0001e7f7e7", "_id": "5959f6c9b6d0fb0001e7f7e8",
More useful tricks, including a step by step walkthrough on how to configure VS Code like I show here, in our full blog post: www.builder.io/blog/vscode-tips
My dude you just stole fire from the gods and gave it to us peasants, thank you.
I appreciate the content being delivered thru your videos. Why most of your videos are so short and fast?
The default way to use co-pilot is so unintuitive and hit-and-miss, I don't bother most of the time. This changes everything and it's so simple! Thank you.
Fr, sometimes it’s like, “let me fill in those {} for you with the 10+ lines you were gonna write!”
And other times it’s like, “…who, me? I’m on break.”
File -> Preferences -> Keyboard shortcuts:
{
"key": "shift+ctrl+a",
"command": "copilot-labs.use-brush-picker",
"when": "editorTextFocus"
}
Thanks, i was looking for this. 😁
I didn't know this extension could do this; I will install it again and play it with it; thanks for sharing!
Just discovered your channel and I love how concise and to the point your videos are 🎉💕🚀
Thank RUclips for recommending this video for me.
Good job Steve.
Looking forward for another tips.
this is insane
not sure in a good way
@@someone9493 definitely a good way
@@NathanHedglin definitely a very wrong way.
thanks you for your effort, this is a great and short as always!🎉🎉🎉
Good news is that this will still require a developer to use and navigate and ultimately cleanup or make final decisions. Those who opt not to have developers do this are the ones who have chosen their own path with their Wix site.
And for some languages like Java.. having the boilerplate and general flow created in minutes… you can spend the rest of your time testing logic, optimizing, etc. you can even ask ai to explain what a part does if you aren’t familiar. I mean all said with the caveats ai has. But it makes me giddy.
Seems like it can be helpful as a bridge into new languages / frameworks / API's.
AI is great for non-deterministic or subjective results. If I am gonna have to refactor/review most of the code ,I could spend time actually writing it.
That being said I am not totally against it to generate dumb UI or dumb logic, but this video shows exactly how instead of writing full English sentences I could write a few tailwind classes and get expected results
Thing is, you may not know which classes to add without googling it.
This plugin lets you do the same as "google" and "copy+paste" in one go. And it's smarter than that, since it can insert the code in the right places, and adjust it to you specific code.
AI is a game changer for productivity and creativity right now, and will be a gamechanger for correctness as well in the future. Can't wait until we can translate an entire codebase to Rust in a single prompt!
@@snailedlt Yes agreed, for the unknown bits, I would still prefer gpt over googling the same thing. But I think you'd have to develop an understanding of the code, whether you are copying it from stackoverflow or allowing gpt to write it. Its a gamechanger for sure, but blindly allowing it to do everything is not the way forward.
Blindly doing anything is not the way forward. I don't think that's specific to ChatGPT at all. Ofc, you'll have to understand and test it
@@snailedlt The tailwind extension which every tailwind developer likely uses gives you autocompletion for the classes. If you know CSS you can pickup tailwind within an hour of using it with the extension. This problem of "not knowing which classes" is a hallucinated problem by people who don't use tailwind.
@@_y7ya regardless, you can't write "center the button" and immediately get the correct result with just autocompletion. The hard thing isn't remembering all the words, the hard thing is remembering what all of them do, and which ones to apply in certain situations. Autocomplete only helps if you know roughly what it's called
Amazing video.
Can you sort your videos in separate Playlists?
First time watching your vid. Your video subtitle is pretty cool
Just got mines this is a game changer now I can make code get my game done lot more faster thank godddd
What software you use for your video recording and subtitles please 🥺
Ye i was waiting for this
This is amazing did you signed up for Copilot X ?
Looke great thanks for sharing. help me alot
Wow! Amazing!!!!
really nice!
As a developer who knows what I want to do but may be rusty on a toolset, this is fucking huge.
How do you switch immediatly to 'custom' prompt? I have to go there and choose it every time.
Never thought this day would come, but maybe, just maybe, I’ll drop NVIM and IntelliJ for a couple weeks to give VS Code a shot. *lord please forgive me*
🎯 Key Takeaways for quick navigation:
00:00 Entrenar *tu propio modelo de inteligencia artificial es más fácil de lo que piensas. Puede ser más rápido, más barato y mejor adaptado a tus necesidades que utilizar modelos grandes preexistentes.*
00:14 Aunque *los modelos grandes como GPT-3 y GPT-4 pueden ser lentos, costosos e impredecibles, entrenar modelos propios más pequeños y especializados puede ser más de 1,000 veces más rápido y más económico.*
00:57 Para *entrenar tu propio modelo AI, desglosa tu problema en partes más pequeñas. Si los modelos preexistentes no funcionan bien para tu caso, considera crear uno propio.*
02:19 No *siempre es efectivo crear un único modelo grande que abarque todo. Entrenar modelos grandes es costoso, lleva tiempo y puede ser difícil obtener la cantidad masiva de datos necesarios.*
03:13 Intenta *resolver parte del problema sin AI antes de recurrir a modelos complejos. Desglosar el problema en partes manejables te permitirá escribir código tradicional para resolverlo.*
03:56 Para *entrenar tu modelo, identifica el tipo adecuado y genera muchos ejemplos de datos. En este caso, usaron un modelo de detección de objetos para localizar elementos en imágenes de diseños de Figma.*
06:56 Entrenar *el modelo puede ser asequible en la nube, como con Google Vertex AI, que proporciona herramientas de verificación y ajuste de datos. La calidad de tus datos afecta directamente la calidad de tu modelo.*
08:20 Modelos *especializados para tareas específicas, como identificación de imágenes, pueden ser más eficientes y rentables que modelos grandes. Combina estos modelos especializados con código tradicional para una solución completa.*
09:42 Aunque *los modelos de lenguaje grandes (LLM) pueden ser lentos y costosos, a veces son la mejor opción para ajustes finos en el código. Combina diferentes enfoques para crear una herramienta completa y personalizable.*
Made with HARPA AI
does any extension adds detail comments to code? Like I already written code with very comments but I need autogenerated detail comments or something similar
do you know Steve, you are Unique, I really wish to be like you in the future but how can I achieve this. 🥺
Next, use voice prompts.
Tell us, how you record and add subtitles :/
Genius
How long is the waitlist?
What extension that he uses? 😊
is not available anymore, copilot itself already do this
Can I tell the AI bot to make the site responsive? Thats my huge problem so...
Yes copy paste code to chartgpt it can do
@@iganic7574 can you show me somewhere how can I do it please?
Requires a subscription. Unfortunate.
is that extension free?
Goodbye front end developers 👋👋👋👋👋👋
Make me prettier.
I watched several times and still couldn't figure out why you used openai API.
ai will make coders weak 😶
pay to play for mediocre tips. no offense, support the free community, not big corps like Microsoft, etc.
Looks weird - instead of adding one single tailwind class to the button you are writing here a pretty large sentence. Also it's so basic example that only makes me laugh. Dude - it's not the real use cases. You just asking AI to add a space to your single button element in the codeblock...
The first one is NOT practical, not at all
While this is a really cool, still I don't like it at all. Not because "will loose the job", but because of the things like this one, people go to the wrong direction. They are becoming more and more distant from nature. Not to mention destroying planet, animals, plants,... Every new cool technology has made our lives harder and more complicated.
It doesn’t have to be that way. The power of technology is morally neutral and blind to nature. A hammer only strikes where your hand directs. Is it easier to shoot yourselves in the foot with powerful AI? Sure. Is it easier to utilize AI to positively impact the world? I believe so.
Maybe, maybe it will cure cancer in 5 years.
This thing is definitely not ready. I'm asking it to do very simple things such as "remove all properties with the key of "id" from this JSON, and it does nothing even close. Sometimes just does random stuff to my code that makes no sense whatsoever such as add the following to middle of the JSON
"_id": "5959f6c9b6d0fb0001e7f7e6",
"_id": "5959f6c9b6d0fb0001e7f7e7",
"_id": "5959f6c9b6d0fb0001e7f7e8",