Solid js

Solid js смотреть последние обновления за сегодня на .

Solid in 100 Seconds

451605
23041
1182
00:02:32
16.05.2022

SolidJS is a JavaScript framework for building fast, declarative UIs on the web. It shares many ideas with React, but does not use the virtual DOM to deliver a more performant and pragmatic developer experience. #webdev #programming #100SecondsOfCode 🔗 Resources Solid Docs 🤍 Solid GitHub 🤍 React in 100 Seconds 🤍 Svelte in 100 Seconds 🤍 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at 🤍 Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - Solid vs React - Is solid better than React? - What is Solid.js? - SolidJS basics tutorial - Solid performance benchmarks - Should I use Solid for web dev?

a solid start

267572
11706
649
00:04:12
11.11.2022

Here's your first look at Solid Start, a meta-framework for Solid.js that supports server-side rendering and advanced data fetching. Learn how to build a full stack web application with a hot new tool that's similar to Next.js, SvelteKit, and Nuxt. #programming #javascript #TheCodeReport 💬 Chat with Me on Discord 🤍 🔗 Resources SolidStart Announcement 🤍 Solid in 100 Seconds 🤍 Next.js 13 First Look 🤍 🔥 Get More Content - Upgrade to PRO Upgrade at 🤍 Use code YT25 for 25% off PRO access 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Solid.js? - SSR with Solid.js - Solid Start vs Next.js - Solid Start vs SvelteKit - Solid Start vs Nuxt - What is the best JS framework?

Solid JS just got better

7416
218
18
00:08:45
13.12.2022

A quick overview of Solid Start. 💬 Topics: - Working with Solid; - UI Routing; - API Routing; - Communicating with the server; - Islands architecture; - Meta-frameworks. #javascript #solidjs

Introduction to Reactivity with SolidJS

90105
2569
255
00:09:52
03.04.2022

SolidJS: 🤍 Playground link: 🤍 An intro to Solid, reactivity, and why you'd want to use it from core team member Dan Jutan.

What is SolidJS (vs React and Svelte) ?

15114
537
77
00:06:02
08.06.2022

What is Solid JS, the relative newcomer to the JavaScript frameworks scene, and what is it worth versus React or Svelte ? In a sense, Solid JS is inspired by both. It draws on React JS's familiar syntax, without using a Virtual DOM, and on Svelte for it's reactivity, without overloading the assignment operator. In that sense, Solid JS is way more than just the sum of its parts. #SolidJS #JavaScript #reactjs

Life is easy with Solid JS, Tailwind and PocketBase

9958
451
54
00:11:01
21.01.2023

Build an app with Solid Start, PocketBase and Tailwind CSS. 💬 Topics: - Working with Solid start; - Working with PocketBase; - Working with Tailwind CSS; - SQLLite tables & collections; - Real time notifications; - Styling and utility classes. 🎈Other links: - More about PocketBase - 🤍 - More about Tailwind CSS - 🤍 - More about Solid Start - 🤍 - Github Project - 🤍

SolidJS Tutorial

1651
48
12
00:30:04
07.12.2022

A Solid JS tutorial for beginners that will teach you everything you need to know to get started with Solid JS. We'll be building a full-stack application using SolidJS, Node.js, and Express. We'll cover Navigation, Local State Management, Global State Management, SolidJS Syntax, and more. GitHub code: 🤍 Links used in video: Solid Get Started Guide: 🤍 Solid Router: 🤍 Window.localStorage: 🤍 Chapters: 00:00 - Intro 00:33 - Create a Solid App 01:03 - File Structure 01:49 - Navigation (solid-router) 08:41 - Local State (createEffect, onMount, createSignal, createStore) 18:01 - Global State Management 25:32 - For Component (mapping) 27:40 - npm run build 28:33 - Outro First Look videos: The Story of Solid JS: 🤍 Next JS 13 is a game changer: 🤍 Expo JS is the future of mobile apps: 🤍 Replit mobile app first look: 🤍 React Native Expo videos: Learn React Native in 47 Minutes: 🤍 Expo Push Notifications React Native (2022): 🤍 Random videos: Convert Website into App: 🤍 Why is Google still hiring?: 🤍 Elon Musk is killing Twitter, or is He?: 🤍 Meta just KILLED Apple AR: 🤍 Is Zuckerberg killing Meta?: 🤍 Meta Quest Pro & Mario: 🤍 FingoBox videos: FingoBox.com | A New Kind of Database: 🤍 #solid #solidjs #js #solidjstutorial #solidjscrashcourse #javascript #tutorial #crashcourse

5 reasons to love Solid

7339
273
26
00:08:49
23.12.2022

An overview of the reasons and features that make Solid a great UI library. 💬 Topics: - Solid vs React and other libraries; - Reactivity; - Signals, Derived Signals and Effects; - State management; - JSX and Control Flow; - Resources; - Solid start. #javascript #solidjs

SolidJS Crash Course - Better Than React!

17491
471
74
01:12:19
01.06.2022

In this SolidJS tutorial, you'll learn state management, routing, data fetching, use of components, web storage and more! With SolidJS' straightforward state management, fine-grained reactivity and high performance, the framework has put itself on a pedestal for other JavaScript frameworks. Let's learn Solid.js by building a GitHub repos application. My React crash course for FREE: 🤍 Learn SolidStart, the SSR/SSG Framework for SolidJS: 🤍 SolidJS vs React comparison: 🤍 My frontend guide: 🤍 Watch Fireship's Solid in 100 Seconds video for a quick introduction. Link to GitHub repository: 🤍 Link to hosted app: 🤍 Link to GitHub API: 🤍 *Chapters 00:00:00 - Solid.js overview and What we’ll be building 00:03:28 - Creating our Solid.js app and codebase walkthrough 00:08:18 - Setting up our Github repos app 00:10:54 - Creating components in Solid.js 00:13:35 - Setting up routing for our GitHub repos Solid.js app 00:17:45 - Creating the nav component for our GitHub repos Solid.js app 00:22:29 - Data fetching and state management in Solid.js 00:29:33 - Using our fetched data - More on state management 00:37:39 - Creating our Repo card component and styling with Bootstrap 00:45:39 - Iteration with the For syntax in Solid.js 00:49:46 - Adding functionality for saving repositories 00:52:18 - Creating our setSaved repos function 00:57:34 - Adding functionality for removing saved repositories 01:04:19 - Persisting saved repos in local storage 01:09:10 - Homework/wrapping up Connect with me via 🤍 Follow me on LinkedIn: 🤍 Follow me on Twitter: 🤍 Follow me on GitHub: 🤍 #webdevelopment #programming #coding #100secondsofcode #solidjs #react

Ryan Carniato — SolidJS - Getting Started

4361
111
7
00:51:03
26.05.2022

Ближайшая конференция: HolyJS 2023 Spring, 15–16 мая (Online), 21-22 мая (Offline) Подробности и билеты: 🤍 — — In this talk, Ryan will introduce SolidJS a JavaScript UI framework built on fine-grained reactivity and compiled JSX. We will take a journey through Solid's origins, present, and future to best understand its unique execution model and philosophy. We will dig into how Solid achieves its incredible performance through its granular updates and low abstraction approach. And look at how to get started with the framework in your own projects.

Let's Learn SolidJS

21459
750
01:29:39
02.12.2021

SolidJS is an exciting framework with a small (6.4kb) footprint, a reactive, component-based approach, and incredible performance. In this episode, Ryan Carniato will teach us how to get started with our first SolidJS app! 00:00:00 Welcome 00:00:24 Guest introduction 00:02:46 Jason's initial thoughts on SolidJS 00:04:21 What's different about SolidJS? 00:07:45 What are the benefits of SolidJS? 00:12:11 What's the first step with SolidJS? 00:28:58 Something different between Solid and other frameworks 00:40:56 Sharing state is easy 00:51:30 Why doesn't this get more attention? 00:56:53 Pulling in data from an API 01:14:58 What happens to a fetch on SSR? 01:20:54 Resources for learning SolidJS 01:22:28 What tradeoffs are there if you use SolidJS? * demo: 🤍 * repo: 🤍 Links: - 🤍 - 🤍 - 🤍 - 🤍 This episode was sponsored by: - Netlify (🤍 - Fauna (🤍 - Auth0 (🤍 Live transcription by White Coat Captioning (🤍 Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (🤍 Source: 🤍 Artist: 🤍 Busybody by Audionautix is licensed under a Creative Commons Attribution license (🤍 Artist: 🤍 Additional sound effects obtained from 🤍

I PORTED MY APP TO SOLIDJS IN 2 HOURS - No more NextJS??!

43706
823
55
02:11:12
25.12.2021

SolidJS was super fun! I don't think I'll be leaving React and NextJS behind for my full stack apps any time soon, but for small stuff, Solid's a solid bet :) Check out the final build at 🤍 Github repo: 🤍 Learn more about Solid at 🤍 Follow me on twitter to know what I'm to way earlier 🤍 0:00 - Intro 1:47 - Project Overview 4:03 - Initializing Project & Setup (Vite Rants) 19:15 - Porting Prisma Stuff Over 27:40 - Tailwind Config (Semi-Fail) 34:30 - Start Porting Components Over 49:20 - Add tRPC Mutations 1:00:30 - API Endpoint Response Caching 1:18:30 - Client App Routing 1:51:00 - Wrap Up + Q&A

React vs SolidJS, Fight!

59018
2622
328
00:36:29
11.08.2021

Let's compare React with the upstart newcomer Solid-JS in an eCommerce showdown! 00:00 Introduction 01:31 Project introduction 02:45 Project setup 04:42 Creating the header 08:09 Creating the app state 12:30 Creating the home page 18:40 Creating the shared store 22:20 Creating the detail page 24:58 Creating the mutable cart 27:30 Supporting local storage 28:35 Why SolidJS is so fast 31:28 How much faster is SolidJS 32:15 How much smaller is SolidJS 33:25 A history lesson 36:08 Outroduction Example Code: 🤍 SolidJS: 🤍 Getting Started: 🤍 Tailwind on SolidJS: 🤍 Router: 🤍 👉 What's my theme? Night Wolf [dark blue] 👉 What's that font? MonoLisa 👉 Jack is also on the React Round Up podcast: 🤍 👉 Don't forget to subscribe to this channel for more updates: 🤍 👉 Discord server signup: 🤍 💢 Watch our other videos: 💟 Hacking your Github contribution graph: 🤍 💟 More Typescript videos: 🤍 Thank you for watching this video, click the "SUBSCRIBE" button to stay connected with this channel. #react #solidjs

Simplifying reactivity with solidJS - Dan Jutan

17797
683
45
00:11:17
16.11.2022

React provides everything you need to build interactive apps, but managing state, dependencies, and memorization in React's rendering system can lead to a lot of mental overhead. In this talk, we explore Solid's unique approach to reactivity and how it can help you write better components quicker - even if you don't use Solid.

Solid JS is a game changer

78420
1385
172
00:09:53
24.07.2022

A first look at Solid JS. 💬 Topics: - The benefits of Solid JS; - Signals and reactivity; - State management with Stores; - Templating; - Working with Solid JS. 🔥 The "First Impressions" series: - Alpine - 🤍 - Fresh - 🤍 - Svelte - 🤍 🎈Other links: - Stock API - 🤍 - GitHub project - 🤍

Solid + GraphQL = Realtime Magic

24010
977
89
00:33:46
06.09.2021

[NOTE: Apparently my point that Apollo is hard bound to React is wrong. I'll be looking into that.] Let's use the Solid-JS framework to create a todo app using queries, mutations and subscriptions. Then, in a quick twist, we repurpose the todo app into a chat app. Code: 🤍 Solid: 🤍 URQL: 🤍 GraphQL Yoga: 🤍 00:00 Introduction 00:55 Project setup 02:30 Building the server 06:15 Building the client 12:35 Adding mutations to the server 15:05 Adding mutations to the client 18:12 Adding subscriptions to the server 21:40 Adding subscriptions to the client 25:30 The Twist 26:35 Making a chat app 33:23 Outroduction 👉 What's my theme? Night Wolf [black] 👉 What's that font? MonoLisa 👉 Jack is also on the React Round Up podcast: 🤍 👉 Don't forget to subscribe to this channel for more updates: 🤍 👉 Discord server signup: 🤍 💢 Watch our other videos: 💟 Hacking your Github contribution graph: 🤍 💟 More Typescript videos: 🤍 Thank you for watching this video, click the "SUBSCRIBE" button to stay connected with this channel. #solid-js #graphql

SolidStart Crash Course - Build And Deploy A Blog // SolidJS Tutorial

2423
85
9
00:56:27
01.12.2022

In this SolidStart tutorial, you'll learn how to build and deploy an SSR/SSG blog with SolidJS and SolidStart, the meta-framework powered by SolidJS and the Solid router. Get started with PostHog: 🤍 SolidJS crash course: 🤍 Hosted SolidStart blog: 🤍 GitHub repo for our SolidStart blog: 🤍 Join this channel to get access to perks, challenges and dev hangouts: 🤍 All my social Links/WhatsApp: 🤍 Follow me on LinkedIn: 🤍 Follow me on Twitter: 🤍 Follow me on GitHub: 🤍 *Outline - Introduction - 00:00:00 - Sponsored ad - 00:00:19 - What is SolidStart? - 00:00:54 - SolidStart vs NextJs - 00:02:47 - Setting up our SolidStart application- 00:03:30 - Our SolidStart Project walkthrough - 00:06:59 - The vite.config.ts file- 00:13:06 - Creating our Article Head component - 00:16:34 - Using MDX files in SolidJS SolidStart - 00:20:03 - Creating our Button component- 00:25:15 - Creating our Blog Post component- 00:29:31 - Adding SCSS to our SolidStart application- 00:33:44 - Creating our Nav component- 00:35:29 - Adding our Blog Post to the Home component- 00:39:03 - Deploying our SolidStart application on Vercel- 00:51:55 #webdevelopment #coding #programming

Pourquoi Solid JS (vs React & Svelte) ?

3519
153
25
00:05:46
27.05.2022

Solid JS ressemble en surface à React, et sous la surface, à Svelte. Qu'apporte ce framework de plus que la pléthoire de frameworks qui existent déjà, ou que le framework dominant qu'est React ? #SolidJS #React #Svelte Mon site : 🤍 Sur medium : 🤍 Mon matos : * Canon M50 : 🤍 * Eclairage : 🤍 * Fond vert retractable : 🤍

Don't make me think

5860
231
39
00:05:40
05.10.2022

A quick look at Astro, Solid JS, and on what's needed from a library / framework to become great. 💬 Topics: - The performance of modern web frameworks; - The popularity of React; - Good software needs to be simple; - The benefits of Solid JS; - Single Page Applications vs Multi Page Applications; - The islands architecture and Astro. #javascript #solidjs #astrojs

Ryan Carniato - The World Beyond Components

5455
278
18
00:30:40
21.10.2022

Components have been the foundation of how we've built web applications for almost a decade now. They've defined not only how we organize our code but how it runs. In this talk, Ryan, author of SolidJS, will look at what comes after the component model. Driven by the need for more granularity, and empowered by compilation, reactivity is becoming the universal language of user interfaces. Drawing: 🤍 Slides: 🤍 - React Finland 2022 took place 12-16.09 at Paasitorni, Helsinki. We had 400 participants and lots of fun. Gold Sponsors: Relex Silver Sponsors: Elisa, Nitor, Gofore, Supermetrics Bronze Sponsors: Moon Highway, Solita, Huuva, Knowit, Utopia Music, Alma Media

FAQ: When do I use a Solid Signal versus a Store?

4154
225
21
00:04:10
04.08.2022

What's the difference between a signal and a store in Solid? Core team member Dan Jutan explains. Signal object example: 🤍 Store object example: 🤍 Join the Solid Discord! 🤍 Find Dan: 🤍 🤍

I built the same app 10 times // Which JS Framework is best?

1822788
68189
3217
00:21:58
11.08.2021

I built a simple app with 10 different JavaScript frameworks... Learn the pros and cons of each JS framework before building your next app 🤍 #javascript #webdev #top10 🔗 Resources Full Courses 🤍 Performance Benchmarks 🤍 Source code 🤍 📚 Chapters 00:00 JavaScript Frameworks 00:53 1. Vanilla 04:21 2. React 07:48 3. Angular 10:15 4. Vue 12:18 5. Svelte 14:16 6. Lit 16:11 7. Stencil 17:18 8. Solid 18:35 9. Alpine 20:17 10. Mithril 🤓 Install the quiz app iOS 🤍 Android 🤍 🔥 Watch more with Fireship PRO Upgrade to Fireship PRO at 🤍 Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font

What should you learn in 2023

12256
438
68
00:05:59
11.01.2023

A quick look at the State of Javascript 2022 survey results. 💬 Topics: - Frontend-frameworks; - React, Solid, Svelte, Qwik; - Next JS; - 2023 web dev trends. 🎈Other links: - State of JavaScript - 🤍 #javascript

Interface Segregation Principle Explained - SOLID Design Principles

72531
2525
100
00:08:20
14.01.2020

🚨 IMPORTANT: 1 Year Free Hosting: 🤍 Use code KYLE for an additional $50 Writing clean code is tough, and is one of the largest differences between junior and senior developers. One way that you can quickly improve your code and start writing well designed code now is to implement the interface segregation principle. This principle is part of the SOLID design principles and is, in my opinion, the easiest rule of SOLID for to understand and implement. The main idea of the interface segregation principle is that any class that implements an interface must use all functions/properties of the interface. JavaScript does not have actual interfaces, but a class inheritance structure is similar enough that it works in this instance. This means that any class that inherits from another class needs to use all of the methods/properties from the base class. This encourages writing small classes instead of large classes. Most likely you have written tons of code in violation of this principle, I know I have, but hopefully this video will help introduce you to why this principle is so good at making your code clean and maintainable. 📚 Materials/References: Composition Vs Inheritance Video: 🤍 🧠 Concepts Covered: - What the interface segregation principle is - Why the interface segregation principle is important - How to use the interface segregation principle - How to spot violations of the interface segregation principle 🌎 Find Me Here: My Blog: 🤍 My Courses: 🤍 Patreon: 🤍 Twitter: 🤍 Discord: 🤍 GitHub: 🤍 CodePen: 🤍 #SOLID #WDS #InterfaceSegregationPrinciple

The Story of Solid JS

458
20
5
00:04:28
29.11.2022

Learn the unbelievable story behind the JavaScript framework Solid JS. - First Look videos Next JS 13 is a game changer: 🤍 Expo JS is the future of mobile apps: 🤍 Replit mobile app first look: 🤍 - Random videos Convert Website into App: 🤍 Why is Google still hiring?: 🤍 Elon Musk is killing Twitter, or is He?: 🤍 Meta just KILLED Apple AR: 🤍 Is Zuckerberg killing Meta?: 🤍 Meta Quest Pro & Mario: 🤍 - React Native Expo videos Learn React Native in 47 Minutes: 🤍 Expo Push Notifications React Native (2022): 🤍 - FingoBox videos - React Native Expo Database (Serverless) | SQL Alternative: 🤍 FingoBox.com | A New Kind of Database: 🤍 #solid #solidjs #js #javascript #frameworks #framework

Découverte de SolidJS, une bonne alternative à React ?

13946
388
19
00:34:31
14.06.2022

Article ► 🤍 Abonnez-vous ► 🤍 Dans cette vidéo je vous propose de découvrir SolidJS, une librairie JavaScript qui permet de créer des interfaces utilisateurs réactives. Soutenez Grafikart: Devenez premium ► 🤍 Donnez via Utip ► 🤍 Retrouvez Grafikart sur: Le site ► 🤍 Twitter ► 🤍 Discord ► 🤍

Introducing SolidStart w/ Nikhil Saraf

9261
262
32
04:30:19
05.08.2022

As we are preparing for beta release for SolidStart, SolidJS's starter/metaframework, I'm excited to spend this stream to give you all sneak peak at what is coming. I will be joined by Nikhil Saraf the main contributor on the project as we look at how it has never easer to get started with SolidJS in the browser or on the server. [0:00] Introduction [2:36] Welcome Nikhil [12:55] Introducing Hackernews SPA [18:11] Getting Started with SolidStart [22:54] Migrating to a SolidStart SPA [31:22] Adding FileSystem Routing [44:12] Changing to SSR [48:17] Leveraging the Server [56:08] Typed RPCs with `server` [1:07:56] Server Data & Actions [1:28:21] Progressive Enhancement with TodoMVC [1:35:31] Optimistic Updates with TodoMVC [1:53:36] Errors with Errors [2:06:37] API Routes [2:15:54] Reflecting on Design Philosophy [2:22:07] Websockets & Durable Objects [2:50:54] Server-Sent Events [2:59:50] Partial Hydration? [3:15:42] Hybrid Nested Routing [3:23:45] SolidStart and the Future [3:59:36] This Week in JavaScript [4:28:34] Outro

Clean Code: SOLID - Beau teaches JavaScript

67303
1575
30
00:12:08
18.03.2017

Learn the best practices of how to write clean code in JS. This video tutorial is over the S.O.L.I.D. principles of clean code programming: S – Single Responsibility Principle O – Open-Closed Principle L – Liskov Substitution Principle I – Interface Segregation Principle D – Dependency Inversion Principle Learn what these mean and how to implement them in JavaScript! The full Clean Code playlist: 🤍 Code: 🤍 Ryan McDermott’s original article: 🤍 Other resource on SOLID: 🤍 Beau Carnes on Twitter: 🤍 ⭐JavaScript Playlists⭐ ▶JavaScript Basics: 🤍 ▶ES6: 🤍 ▶Design Patterns: 🤍 ▶Data Structures and Algorithms: 🤍 - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at 🤍 Read our Medium publication at 🤍

SolidJS - Why Doesn't React Just Work like This

17105
551
71
00:09:30
11.05.2022

With a 90% satisfaction rating in the latest State of JS survey, I had to give SolidJS a shot. A couple of things makes SolidJS super special. Its reactive engine can be superior to React's. Plus, it compiles to JavaScript and doesn't even need a Virtual DOM. It is close enough to React that you'll pick it up quickly, so let's build something with the framework. Index = 00:00 Intro 00:34 Installing 01:14 What You Get 02:15 Cleaning Up the Install 03:03 Creating a Signal 03:55 Data Binding & Reactivity 04:07 Create Resource 04:33 For Component 05:00 Creating a Component 06:10 Sub Component 07:21 Filtering Links SolidJS: 🤍 PicoCSS: 🤍 Code Demo: 🤍 Follow Me = Blog: 🤍 LinkedIn: 🤍 Twitter: 🤍

This is the Only Right Way to Write React clean-code - SOLID

233774
8590
231
00:18:23
21.11.2022

You should follow these 5 SOLID React Principles to write readable, maintainable and testable code. In this tutorial, we'll explore these 5 Principles and how to apply them in your React code. The principles are inspired by clean-code books and architectures. ⭐ Timestamps ⭐ 00:00 Intro 02:21 SRP - Single Responsibility Principle 06:59 OCP - Open-Closed Principle 09:28 LSP - Liskov Substitution Principle 12:01 ISP - Interface Segregation Principle 14:26 DIP - Dependency Inversion Principle ⚡️ S.O.L.I.D Principles implementation in React ✨ 🤍 📕S.O.L.I.D blogs get a better grasp on the principles 🤍 🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize 🤍 🧭 Turn Design into React Code | From prototype to Full website in no time 🤍 🧭 Watch Tutorial on Designing the website on Figma 🤍 🧭 Watch Create a Modern React Login/Register Form with smooth Animations 🤍 🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools 🤍 🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React 🤍 🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app 🤍 🧭 Introduction to GraphQL with Apollo and React 🤍 🐦 Follow me on Twitter: 🤍 💻 Github Profile: 🤍 Made with 💗 by Coderone

SolidJS: Reactivity Unchained – Ryan Carniato, JSNation 2022

3799
182
11
00:19:23
21.06.2022

JSNation Conference 2022 #JSNation #GitNation Website – 🤍 Follow the link to watch the full version of all the conference talks, QnA’s with speakers and hands-on workshop recordings → 🤍 Talk: SolidJS: Reactivity Unchained Join Ryan Carniato, creator of SolidJS, as he shows off the fundamentals of this unique take on a JavaScript Framework. This session will reflect on the challenges of modern web development that motivated Solid's creation. By retracing his steps from simple beginnings to a full-fledged framework, Ryan will showcase how reactive primitives are the only building blocks you need. This event would not take place without the support of sponsors: 🏆 Platinum Sponsors Ag Grid → 🤍 Capgemini → 🤍 Appwrite → 🤍 🥇 Gold Sponsors StackHawk → 🤍 OLX → 🤍 Decentology → 🤍 Docker → 🤍 Modus Create → 🤍 Snyk → 🤍 Contentful → 🤍 Bitvavo → 🤍 Focus Reactive → 🤍 🥈 Silver Sponsors Stream → 🤍 3t Software → 🤍 Yoast → 🤍 Twilio → 🤍 BCGDV → 🤍 Utopia Music → 🤍 SISU → 🤍

Building SolidJS 1.5

21459
200
17
03:57:34
26.08.2022

Solid 1.5 is just around the corner. While it adds some much-wanted new features, it sets the stage for what comes next. Discussions for 2.0 have picked up, real needs from SolidStart presented themselves, and we are starting to see much wider adoption. In this stream, I will go into the thinking and implementation that went into building this milestone release. [0:00] Preamble [6:14] Motivation for Solid v1.5 [14:57] The things we didn't do [26:38] Improving Quality of Life [30:24] TypeScript & Keyed Control Flow [45:05] The Good Batch [1:21:06] Push/Pull Reactivity Explained [1:49:36] Why Memo's are Important [2:05:10] Resource Improvements [2:24:09] Consolidating SSR [2:51:49] This Week in JavaScript [3:51:57] Wrap up

SOLID ПРИНЦИПЫ простым языком (много примеров)

319019
16301
750
00:45:36
03.01.2022

SOLID принципы с подробным и простым, наглядным объяснением. Single responsibility (Принцип единственной ответственности), open–closed (Принцип открытости/закрытости), Liskov substitution (Принцип подстановки Лисков), interface segregation (Принцип разделения интерфейса) и dependency inversion (Принцип инверсии зависимостей). Исходный код c примерами здесь - 🤍 Курс по ООП здесь - 🤍 Курс по структурам и алгоритмам - 🤍 Таймкоды: 00:00 ➝ Введение 06:16 ➝ SPR 16:00 ➝ OCP 22:00 ➝ LSP 28:21 ➝ ISP 36:35 ➝ DIP 43:40 ➝ SOLID итоги 45:15 ➝ Время ставить лайки и писать комментарии, спасибо! Мой канал в telegram и канал для общения подписчиков - 🤍 Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - 🤍 Qiwi кошелек - 🤍 Яндекс деньги - 🤍

Solid.js Desde Cero ¿El sucesor de React? ⚛️

29337
1192
87
01:12:31
22.09.2021

Solid.js es una biblioteca para crear interfaces de usuario. Está basada en React pero trae novedades importantes respecto a la reactividad. ¡Descúbrela con este vídeo! ▶ No te pierdas más directos en: 🤍

Is SolidJS Better Than React?

13645
345
76
00:15:22
23.08.2021

SolidJS is a UI framework that recently hit a stable 1.0 release. It looks like React, it feels like React, it's faster than React...is it better than React? Let me spoil my video for you: it depends! Like all things...the devil is in the details. Watch the video to see why I think most of the time React is better, but there are times where SolidJS is better. 🤍 0:00 Intro 2:05 SolidJS Webpage 2:33 SolidJS Big Advantage 3:52 Different Enough to be worth it? 4:35 SolidJS Differences 5:40 Reactivity 7:04 Tradeoffs 8:25 Destructuring 10:30 Gotchyas 12:33 Conclusion 13:52 Change my mind! —— DISCORD: 🤍 VOTE ON VIDEOS: 🤍 NEWSLETTER: 🤍 PATREON: 🤍 TWITCH: 🤍 TWITTER: 🤍 SITE: 🤍

60FPS Solid-JS Audio Spectrum Visualizer Project

12102
533
89
00:33:40
27.09.2022

Code: 🤍 👉 Practical Module Federation Book: 🤍 👉 No BS TS (The Book): 🤍 👉 I'm a host on the React Round-Up podcast: 🤍 👉 Don't forget to subscribe to this channel for more updates: 🤍 👉 Discord server signup: 🤍 👉 VS Code theme and font? Night Wolf [black] and JETBrains Mono 0:00 Introduction 0:30 Project Overview 1:04 Solid JS Setup 1:57 Audio Setup 6:26 An Audio Signal Processing Primer 7:55 Adding The Signal Processing 12:57 Adding D3 15:54 Creating The Radial Graph 24:54 Adding Color And Flare 33:20 Outroduction #solid #js

Qwik + SolidJS??? This changes everything

5421
82
24
00:23:21
07.09.2022

Talking about this video at 55 minutes: 🤍

React Wednesdays: Let’s Learn Solid JS

8061
199
14
01:07:12
12.08.2021

On this episode of React Wednesdays, we’re welcoming in Ryan Carniato, a member of the Marko team at eBay, and the author of Solid JS. Solid is a declarative, efficient, and flexible JavaScript library for building user interfaces. It has some features that are similar to React (component model, hooks), but also some that are quite different—for example, Solid doesn’t use a virtual DOM. Ryan will demo Solid for us, and we’ll discuss how and why React developers might want to check out Solid. This should be a fun one as Solid is growing in popularity, and we're curious to see it in action. Stop by Ryan's Solid JS GitHub page: github.com/solidjs/solid Check out Marko team: 🤍 - React Wednesdays is a weekly chat show with the best and brightest from the React world. Join us live every Wednesdays to hang out and ask questions. Learn more about the show and upcoming episodes at 🤍 Follow us on social and say “Hi!” 🐦Twitter: 🤍KendoUI 👥Facebook: KendoUI 🎙️Catch up with our streamers & guests on social media! Follow TJ 🤍tjvantoll Follow Dan 🤍DanWilson Follow Ryan 🤍RyanCarniato 🐔Watch our streams on 🤍 or 🤍 ▶️Discover the world of KendoReact: 🤍 Give KendoReact a spin with our free trial here: 🤍 Swing by our blog for updates, news, expert-written articles, and tutorials for developers: 🤍 #ReactWednesdays​ #SolidJS #JavaScript

FAQ: Why doesn't my early return work in Solid?

4027
218
13
00:04:28
19.05.2022

Correction: Dan said "when component" but was describing the Show component, which has a "when" attribute! Join us on Discord for more support! 🤍 Feel free to ask any questions to 🤍jutanium on both Discord and Twitter.

Single Responsibility Principle Explained - SOLID Design Principles

137370
5005
176
00:06:17
07.12.2019

🚨 IMPORTANT: 1 Year Free Hosting: 🤍 Use code KYLE for an additional $50 Writing clean code is tough, and is one of the largest differences between junior and senior developers. One way that you can quickly improve your code and start writing well designed code now is to implement the single responsibility principle. This principle is part of the SOLID design principles and is, in my opinion, the most important rule of SOLID. This is because it is easy to implement and test for while still being incredibly useful in terms of making your code cleaner. The main idea of the single responsibility principle is that every class/function/module/section of your code should have only one responsibility. This means that the code should only have one single reason to change. If there are two different reasons for the code to change, or if it does two distinctly different things then it is in violation of this principle and is potentially poorly designed code. Most likely you have written tons of code in violation of this principle, I know I have, but hopefully this video will help introduce you to why this principle is so good at making your code clean and maintainable. 🧠 Concepts Covered: - What the single responsibility principle is - Why the single responsibility principle is important - How to use the single responsibility principle - How to spot violations of the single responsibility principle 🌎 Find Me Here: My Blog: 🤍 My Courses: 🤍 Patreon: 🤍 Twitter: 🤍 Discord: 🤍 GitHub: 🤍 CodePen: 🤍 #SOLID #WDS #SingleResponsibilityPriniciple

Назад
Что ищут прямо сейчас на
solid js Ska как качать QOQON MASHINA BOZOR