- Видео 40
- Просмотров 92 972
Atila
Германия
Добавлен 6 апр 2020
Making complex code simpler.
SolidStart calls for you!
With SolidStart approaching stability, every tool, project, and open-source project needs a new starter, template, or guide! Now it's the time to get your OSS contributions, learn something new, and empower this amazing and welcoming ecosystem!!!
Chapters
=======
00:00 Intro
00:15 An opportunity
00:59 The gist of what we're going to do here
1:15 Create a new project with Solid starter CLI
2:28 Walkthrough the starter template structure fresh out of the box
2:43 The Router and the Root of your SolidStart app
3:15 Create a library to handle external requests and integrations
3:37 Caching data
4:15 Create a generic data function
5:29 Preload data before navigating into pages
6:34 Combine Show with the ro...
Chapters
=======
00:00 Intro
00:15 An opportunity
00:59 The gist of what we're going to do here
1:15 Create a new project with Solid starter CLI
2:28 Walkthrough the starter template structure fresh out of the box
2:43 The Router and the Root of your SolidStart app
3:15 Create a library to handle external requests and integrations
3:37 Caching data
4:15 Create a generic data function
5:29 Preload data before navigating into pages
6:34 Combine Show with the ro...
Просмотров: 2 340
Видео
Tauri and Solid make mobile and desktop apps
Просмотров 14 тыс.8 месяцев назад
Tauri v2 is almost stable, combining Tauri and Solid we can now ship native apps in MacOS, Windows, Linux, Android, and iOS. One codebase! Plus, all together at once with Hot Module Replacement 🤯 Chapters: 00:00 - Tauri v2 00:30 - What's Quantum ? 01:00 - Create a new project from Quantum 01:45 - Initialize iOS development setup 02:08 - Initialize Android development setup 02:20 - Project tour,...
Solid Nested Reactivity with Stores
Просмотров 6838 месяцев назад
You started using Solid, you're getting good at Control Flow, how the Signals and the Observer Pattern work. But then you hear something about "nested reactivity" and how that can hurt your rendering performance. Let's have a look at what that is and how Stores can make all headaches go away! Chapters 00:00 - Intro 00:25 - Todo Lists with Signals vs Stores 01:20 - Checking first renders 01:40 -...
Forget about memo with this
Просмотров 2898 месяцев назад
Since React-Forget became a thing, there's a bunch of talk about “fine-grained MEMOIZATION” and the performance benefits of memoizing your rendered JSX. To the point that memoization techniques have been compared to Fine-Grained Reactivity, but those two concepts should not be part of the same conversation. Chapters 00:00 - Intro 1:09 - Memoization concept 1:30 - Concept of Fine-Grained Reactiv...
Doing lists right, the Solid way
Просмотров 1,4 тыс.9 месяцев назад
Control Flow components can be confusing to deal with, specially when coming from other (more opinionated) frameworks where there's only one way of doing things. Solid let's you be more in control of how your app updates and optimize things the way you see fit. Chapters 0:50 - Concept Breakdown 2:17 - The 3 types of iteration we cover 03:16 - In practice: For vs Array.map 04:47 - For is better ...
Auto-completion and bulletproof environment variables with Zod
Просмотров 279Год назад
This time an incredible DX booster that you can setup in a few quick steps to make sure you don't land on any environment with undefined tokens! Chapters 00:00 - Intro 1:12 - What's Zod 1:35 - Coding schema types for Env Var on any JS runtime 2:55 - Astro has some special DX 3:15 - Wrapping thoughts! See ya next time! 🎥 Other videos I mentioned Server Actions powered Auth with Solid-Start: rucl...
Server Actions powered Auth in Solid-Start with Xata and Zod
Просмотров 809Год назад
Adding authentication to an app is a process always filled with decisions. This one is a good old proof of concept on getting Authentication and Authorization working on a Solid-Start app. Storing users in your database, validating data and keeping dependencies to a minimum! Chapters 00:00 - Hello! 00:21 - Introduction: Why are we doing this? 00:54 - Dependencies Review 01:36 - Reviewing what w...
Server Actions with SolidStart
Просмотров 1,4 тыс.Год назад
SolidStart has Server Actions and they're ready to go!! Let's create a login form and validate our data on the server with some awesome APIs made available within the framework. From progressive enhancement to error handling!! A solid experience! 😏 Chapters 00:00 - Hello! 00:40 - Series Overview 01:46 - Code setup 02:11 - Create server action and Form 03:00 - Completing the UX of our form beyon...
Absolute speed: SolidJS + Web-Workers
Просмотров 4,1 тыс.Год назад
Few things can compete when Fine-Grained Reactivity meets multi-threaded asynchronous code! Add to that the incredible Developer Experience from Vite and we have blazest of the fastest ⚡️ Let's see how to bring Web-Workers to a SolidStart app in under 5 minutes of coding! 00:00 - Intro 00:30 - Heavy lifting on the Frontend 00:40 - Concurrent Async 01:14 - Parallel Async with Workers 02:19 - Sol...
Solving assertions in TypeScript with Predicates: the runtime-aware Type Guard
Просмотров 128Год назад
Solving assertions in TypeScript with Predicates: the runtime-aware Type Guard
Protecting sensitive and user private data with Row-Level Security
Просмотров 100Год назад
Protecting sensitive and user private data with Row-Level Security
React Server Components Crash Course with Next.js
Просмотров 376Год назад
React Server Components Crash Course with Next.js
React Server Components: The 5 most asked questions
Просмотров 250Год назад
React Server Components: The 5 most asked questions
Narrow types properly with Array.filter. The right and the better way
Просмотров 286Год назад
Narrow types properly with Array.filter. The right and the better way
Authenticate your Next.js app and have your user db on Xata with a 1-liner
Просмотров 639Год назад
Authenticate your Next.js app and have your user db on Xata with a 1-liner
I do not have a use-case for SASS anymore
Просмотров 166Год назад
I do not have a use-case for SASS anymore
Satisfying Types for Better Developer Experience
Просмотров 250Год назад
Satisfying Types for Better Developer Experience
Xata - Full-text Search and Aggregations in 4 minutes!
Просмотров 336Год назад
Xata - Full-text Search and Aggregations in 4 minutes!
Write and Test State-Machines with XState and Vitest
Просмотров 1,9 тыс.2 года назад
Write and Test State-Machines with XState and Vitest
Web-Workers, React, and TypeScript: Off the main thread!
Просмотров 22 тыс.3 года назад
Web-Workers, React, and TypeScript: Off the main thread!
Strong typing useRef : React + TypeScript
Просмотров 6 тыс.3 года назад
Strong typing useRef : React TypeScript
Type useContext : React and TypeScript
Просмотров 16 тыс.3 года назад
Type useContext : React and TypeScript
Typing Form Events [React + TypeScript]
Просмотров 10 тыс.3 года назад
Typing Form Events [React TypeScript]
Write an API with Netlify Functions and TypeScript
Просмотров 1,9 тыс.4 года назад
Write an API with Netlify Functions and TypeScript
Hi, what is the current state of Tauri v2 ? It is stable enough to start thinking about production ? In my case it could be something for my staff, 20-30 non tech people, and I really search a great and lightweight multiplatform solution.
Ingles de Brasileiro é muito massa!! PArabéns mano!
what's your OS font? nice one!
o kojima batendo palminha ganhou meu sub!
wtf?
Amazing! Thanks
Amazing. Thanks!
Do you have a course for begginers Rust mobile Dev? I come from Delphi😅
Where did you get the xata extension in visual studio?
I hate the whole "use server" thing. Its so lame.
i need help note: Run script build phase 'Build Rust Code' will be run during every build because the option to run the script phase "Based on dependency analysis" is unchecked. (in target 'iosapp_iOS' from project 'iosapp') ** BUILD FAILED ** The following build commands failed: Ld /Users/raioramalho/Library/Developer/Xcode/DerivedData/iosapp-dugbhcvcthgpmcclgwqaamoozpba/Build/Products/debug-iphonesimulator/iosapp.app/iosapp normal (in target 'iosapp_iOS' from project 'iosapp') (1 failure) Error command ["xcodebuild"] exited with code 65 error: script "tauri" exited with code 1 ➜ iosapp
Using this while learning Solid and I have to say - very smooth experience - great 👍👍
i havent even encountered this problem im new to ts the reason i clicked is because of goku in the thumbnail
This is mind blowing. Have you ever ship the cross platform project to the store?
Hi Sir, can u try npm run build with this sample code? I see error when i build my project, which is very weird
Did it make the app faster?
It would make it more responsive when the md text becomes large. In the original version, because the parsing of the md was done on the main thread, keystroke processing would get more and more laggy. In the webworker version, because the parsing is being done in another thread, the main thread is free to process the keystrokes quickly while the worker does the parsing. In practice, you probably wouldn't fire off a parse request on every keystroke, because the parse requests would just end up getting queued while the worker was busy. You would track the busy state of the worker, and only fire off the next request when it became idle (at the expense of not seeing an update of the formatted text for every single keystroke in the md text).
Why didn't RUclips show me that video sooner ? Thanks a lot for all of resources you've shared ❤
hi Atila, thanks very much for this video. I have one query. Will this approach allow passing non-serializable data (eg, functions) to the runBigTask function ?
What is the font in your IDE?
What vscode icon pack is that?
Parece Brasileiro, você é brasileiro mn?
Thank you Atila!
What I see in stateofJS people are moving to Tauri. Also I haven't used Solid or Tauri is it a must to use Solid to make mobile apps ?
*PromoSM* 😬
How tauri mobile actually work? does it compiles to native c++ code or just loads into a web page with webAssembly as backend?
just load js for webview runing
awesome
Wow, looks great!
More solid content please.
Thank you, this is a great video! Ngl, the sound effect at 04:30 scared the crap out of me!
can that be exported as .apk ?
Template repository: github.com/atilafassina/start-start [I know, best SolidStart template name EVER!] 😎 Mentioned links and resources: - kobalte.dev - corvu.dev - ark-ui.com - park-ui.com - solid-ui.com LET'S GOOO
"like I'm 5" I guess i didn't reach this age yet then 😂 (joke aside, good job explaining this mess 😅)
How can I switch it to the horizontal phone orientation mode? In theory I can just rotate everything by 90 deg, but then kayboard is not rotated And how can I upload app directly to my phone?
Hi Atila, thank you for the great video. Have you used t3-env, it offers some type-safe ENV variables.
Unfortunately tauri us veery rust centric. Not for everyone.
It's not you can use react, html css etc.
HYPE! 🖤
Very *solid* summary there 🔥
Native? No. It's Ionic, Capacitor, Appium all over again. I love Tauri, but don't sell it as what it isn't. At least it is not Electron, but it's also not React Native or NativeScript.
point taken. I changed the title because it’s an hybrid app. I wanted to highlight you can leverage native APIs. And original title didn’t have Solid, you can technically build a native app with Tauri, but not with Tauri + Solid (which is my example, and I believe I’m clear in the video about a web view) Anyways, thank you for the feedback
@@AtilaDotIO Appreciate your work on this and the demo is cool. Just didn't want to see it end up advertising it wrongly like we've seen with other recent tools. Would love to see a demo of Tauri with native UI components. I think that would make it more compelling as an alternative platform for mobile development.
@@dealloc +1
oh damn really excited for this and some questions tho what about the libraries will it work in the native platforms like calender js and other stuff?
If it’s a client-side library, it will work within the JS runtime, sure!! 👍
I love the Hideo Kojima edit, massive W, wish all the best. I'm DEFINITELY trying this. ❤
First person to point Hideo Kojima 😊 I almost have "Metal Gear" in the back of my head when talking about Solid, so I decided to add something this time... hahaha Glad you liked it! Let me know how it works for you!
will do. I might use twitter for that, if I do, I'm smrdotgg there, the account with the orange doggo. 2024 looking awesome.@@AtilaDotIO
Amazing stuff! Would this also work for normal web apps? Can I reuse the code for that too?
Yes! you just need to adjust the web server configs. Additionally, there's no Node server, so SSR frameworks won't work to their full extent.
But wait wait you are using Tailwind CSS on iOS and Android? This is something I have *never* looked into properly and folks always ask me about. Is this Tauri taking care of it? Quantum looks sick man, definitely gonna check it all out.
i think its based on web tech unlike react native
Right!! Tauri starts the Vite server and runs the SPA within a webview. So we can have Tailwind on mobile!! 😉
@@AtilaDotIO this is... friggin awesome! And it transforms everything to stylesheet.create or whatever happens in the world of mobile dev?
@@AtilaDotIOOnce compiled as an APK you no longer have any Vite present afaik.
LOL I almost choked on my coffee with the "SUBSCRIBE _ DOOO ITTT" moment 🤣
Too bad the quality of the video is what it is. Most of the text is blurry and the music in the background is annoying.
I'm sorry you had a bad experience with it. Can you please check the playback settings? RUclips sometimes reduce automatically based on your connection. This stream output has 720p resolution because of the platform we're using, so unless you make it super big on a very large screen, image quality wouldn't be a huge issue like that...
Wow everything runs so fast on your computer! What computer do you use? (also what specs?)
I’m on a MacPro M1. But there’s some editing during a few compilation processes there otherwise the video would be a bit tedious… sorry to disappoint
I'm definitely gonna try this. It's only day 3 and there's another cross-platform technology I can use 💀💀💀
Saw on X
thanks for coming all the way, my friend!! 🏆
Interesting Mathematics 0.9 to 0.10
each of positions in semver is an independent position. these are not decimal positions. 2.141.15 is valid as well
Nice content Atila
Thanks a lot!! I have an interesting project with Zod on the making, it's gonna help making some nice content in the future!!
Solid is the present and the future... Amazing!!!