Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

How should you search, filter, and paginate data with Next.js? This demo has 50,000 books in a Postgres database. • Page Load: When the page loads, we see the React Suspense fallback. This loading skeleton is displayed until the first page of books is retrieved from the database. •... Searching: The search input has a 200ms debounce. After 200ms of inactivity, the form submits, updating the URL state with `?q={search}`. The Server Component reads `searchParams` and queries the database. On form submission, a React transition starts, allowing us to read the pending status with `useFormStatus` to display an inline loading state. • State Preservation: Navigating to an individual book page retains the search input state. Reloading the page or sharing the link preserves the search results. • Client-side Filtering: Filtering authors in the left sidebar is done client-side. Authors are fetched by a Server Component and passed as props to the sidebar. Changing the input value updates React state and re-renders the sidebar. • Optimistic Updates: The sidebar’s selected authors are optimistically updated with `useOptimistic`. Checkbox selections update instantly without waiting for the URL to change. • State Preservation: Navigating to an individual book page retains the sidebar filter input and selected author state across navigations, giving it an app-like feel. • Pagination: Navigating between pages updates the URL state, triggering the Server Component to query the database for the specific page of books. We also fetch the total book count to show the total number of pages. This demo isn't perfect yet (still working on it) but it's been a fun playground for some of these patterns. You can imagine a similar experience for thousands of movies, cars, products, or any other very large dataset. Demo → Code →show more

Lee Robinson

273,874 subscribers

236,802 views • 2 years ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

codeagencybe2 years ago

1. Cache results with (redis Alternative) to avoid re-query same data over and over 2. Use to index results for blazing fast filtering and fuzzy searching

Lee Robinson2 years ago

If you're trying to avoid re-querying, you can use the built-in React cache() function.

Shubham Saurabh2 years ago

Nice demo Lee! By changing page=-1 in params, it’s throwing some error saying “database does not have a books table”.

Lee Robinson2 years ago

You're hired for the QA team 🤣

obnol2 years ago

looks like the `[id]` page cant be found, try to refresh on the page directly

Lee Robinson2 years ago

Nice, good catch. Let me fix this.

codeagencybe2 years ago

Here's An example with typesense with 28 millions books:

Rob Funcken2 years ago

Nice work Lee. I’m working on a feature that needs this and will look at your implementation for inspiration. I saw that the pagination bar is not showing up on iOS, maybe something with vheight?

Lee Robinson2 years ago

Ahhh yes, if you scroll futher it's there. It's the Safari viewport differences, I will fix.

Joel Hooks2 years ago

love seeing the examples Lee. it's a huge help.

Related Videos

I've been hacking away in the evenings on a little piece of JS you can drop into any page and let someone add comments. State is stored in the URL, and the plan is for me to use this to get feedback on my posts. I give them a URL, they send it back. No server, no fuss.

I've been hacking away in the evenings on a little piece of JS you can drop into any page and let someone add comments. State is stored in the URL, and the plan is for me to use this to get feedback on my posts. I give them a URL, they send it back. No server, no fuss.

Sam Rose

22,962 views • 1 year ago

Dominion, Scytl, ES&S, and Smartmatic are engaged in engineering election results. But Scytl sits at the top and maintains a series of databases on servers in foreign countries that all of the other election companies report up to. If ES&S runs your elections in your state, it will upload to a database called Clarity. If Dominion runs your elections in your state, it will upload to a database called Democracy Suite. Both of these database companies who actually hold the information about your election, or the live "votes," are owned by Scytl. None of the actual votes are held or controlled on a server, on site, by the county or state itself. Anything can be manipulated or changed remotely. All the votes are held on a server in a foreign country like Serbia, Germany, or wherever that election company has an agreement with when it comes to their server company. This is the reason why our elections were never safe to begin with.

Dominion, Scytl, ES&S, and Smartmatic are engaged in engineering election results. But Scytl sits at the top and maintains a series of databases on servers in foreign countries that all of the other election companies report up to. If ES&S runs your elections in your state, it will upload to a database called Clarity. If Dominion runs your elections in your state, it will upload to a database called Democracy Suite. Both of these database companies who actually hold the information about your election, or the live "votes," are owned by Scytl. None of the actual votes are held or controlled on a server, on site, by the county or state itself. Anything can be manipulated or changed remotely. All the votes are held on a server in a foreign country like Serbia, Germany, or wherever that election company has an agreement with when it comes to their server company. This is the reason why our elections were never safe to begin with.

The SCIF

16,294 views • 6 months ago

In LiveView, we keep the state in one place - the server - and it simplifies a lot. But sometimes the state on the client is preferred, or even necessary, and we can't use LiveView for that part. Unless we have a LiveView that runs on the client 👀 Using Popcorn, we managed to run LiveView fully in the browser – here's a POC 🎉 The approach is to have a fully client-side LiveView rendered by a server-side one, and they can communicate with each other. Try it out:

In LiveView, we keep the state in one place - the server - and it simplifies a lot. But sometimes the state on the client is preferred, or even necessary, and we can't use LiveView for that part. Unless we have a LiveView that runs on the client 👀 Using Popcorn, we managed to run LiveView fully in the browser – here's a POC 🎉 The approach is to have a fully client-side LiveView rendered by a server-side one, and they can communicate with each other. Try it out:

Elixir by Software Mansion

13,537 views • 7 months ago

Hamas leader Khaled Mashal: “We do not accept the two state solution.” — January 22, 2024 “I would like to say two things about the two-state solution. First, we have nothing to do with the two-state solution. We reject this notion, because it means you would get a promise for a [Palestinian] state, yet you are required to recognize the legitimacy of the other state, which is the Zionist entity. This is unacceptable. We demand to be liberated, to get rid of the occupation, and to have our independence, and our state. [Israel] is my enemy. It is not my concern." “Obviously, the position of Hamas, and the position of the vast majority of the Palestinian people, especially following October 7, I believe that the dream and the hope for Palestine from the River to the Sea, and from the north to the south, has been renewed. This has also become a slogan chanted in the U.S., and in western capital cities, by the American and Western public.” “Hamas agreed to a completely independent (Palestinian) state, with the 1967 borders, with Jerusalem as its capital, with the Right of Return included without recognizing the legitimacy of the Zionist entity. This position was meant to facilitate Palestinian and Arab agreement at this stage, but without relinquishing any of our rights or any part of our land, and without recognizing Israel. Our vision remains unchanged. I believe that October 7 has enhanced this conviction, has narrowed the disagreements, and has turned the idea of liberating Palestine from the River to the Sea into a realistic idea that has already begun. It is not something merely to be expected or hoped for, It is part of the plan, part of the agenda, and we are standing on its threshold, Allah willing.” TRANSLATED BY MEMRI Source:

Hamas leader Khaled Mashal: “We do not accept the two state solution.” — January 22, 2024 “I would like to say two things about the two-state solution. First, we have nothing to do with the two-state solution. We reject this notion, because it means you would get a promise for a [Palestinian] state, yet you are required to recognize the legitimacy of the other state, which is the Zionist entity. This is unacceptable. We demand to be liberated, to get rid of the occupation, and to have our independence, and our state. [Israel] is my enemy. It is not my concern." “Obviously, the position of Hamas, and the position of the vast majority of the Palestinian people, especially following October 7, I believe that the dream and the hope for Palestine from the River to the Sea, and from the north to the south, has been renewed. This has also become a slogan chanted in the U.S., and in western capital cities, by the American and Western public.” “Hamas agreed to a completely independent (Palestinian) state, with the 1967 borders, with Jerusalem as its capital, with the Right of Return included without recognizing the legitimacy of the Zionist entity. This position was meant to facilitate Palestinian and Arab agreement at this stage, but without relinquishing any of our rights or any part of our land, and without recognizing Israel. Our vision remains unchanged. I believe that October 7 has enhanced this conviction, has narrowed the disagreements, and has turned the idea of liberating Palestine from the River to the Sea into a realistic idea that has already begun. It is not something merely to be expected or hoped for, It is part of the plan, part of the agenda, and we are standing on its threshold, Allah willing.” TRANSLATED BY MEMRI Source:

dan linnaeus

96,479 views • 2 years ago

We announce to the whole world, everyone should know that we, the Jews, declare that the state of Israel is not a Jewish state, but a murderer and genocidal Zionist state, and that it has been committing genocide against the Palestinian people for 75 years. The Jewish community in the Holy Land has struggled with Zionism and its perverted ideas since the first day Zionism emerged and continues to do so. There are thousands of Jews in the world who are against Zionism, everyone should know this well: Jews are not Zionists, Zionism is not Judaism. Israel is not the state of the Jews. Israel is a terrorist and genocidal state. We stand with the Palestinian people and pray for the establishment of a free Palestinian state.

We announce to the whole world, everyone should know that we, the Jews, declare that the state of Israel is not a Jewish state, but a murderer and genocidal Zionist state, and that it has been committing genocide against the Palestinian people for 75 years. The Jewish community in the Holy Land has struggled with Zionism and its perverted ideas since the first day Zionism emerged and continues to do so. There are thousands of Jews in the world who are against Zionism, everyone should know this well: Jews are not Zionists, Zionism is not Judaism. Israel is not the state of the Jews. Israel is a terrorist and genocidal state. We stand with the Palestinian people and pray for the establishment of a free Palestinian state.

Voice of Rabbis

781,910 views • 2 years ago

BOMBSHELL: The Defense for Tyler Robinson just revealed that there is a TWENTY TWO PAGE document that they want to REDACT. This is almost definitely the Twiggs recording. "We have provided the state, I want to say about a day and a half ago, with proposed redactions because we believe that portions of it are not admissible even in a preliminary hearing." "And the way we did that is we provided a transcript and then a redacted version of the transcript of the entire video-recorded interview." "It may be that the court wants to look at the proposed redactions not while court is in session, but during some other period of time, because the transcript of the video, uh, which we prepared and we provided to the state so the state could raise any concerns about the accuracy of the transcript." "That's not an issue. The admissibility of portions of the video, or the issue, is about 20 pages, maybe 22 pages." Why is the defense pushing to REDACT the truth?

BOMBSHELL: The Defense for Tyler Robinson just revealed that there is a TWENTY TWO PAGE document that they want to REDACT. This is almost definitely the Twiggs recording. "We have provided the state, I want to say about a day and a half ago, with proposed redactions because we believe that portions of it are not admissible even in a preliminary hearing." "And the way we did that is we provided a transcript and then a redacted version of the transcript of the entire video-recorded interview." "It may be that the court wants to look at the proposed redactions not while court is in session, but during some other period of time, because the transcript of the video, uh, which we prepared and we provided to the state so the state could raise any concerns about the accuracy of the transcript." "That's not an issue. The admissibility of portions of the video, or the issue, is about 20 pages, maybe 22 pages." Why is the defense pushing to REDACT the truth?

Gunther Eagleman™

365,681 views • 25 days ago

✨ Today I rebuilt 🏔️ AltaVista Search, the main search engine before Google existed The problem: if you press the 🔍Search button in MSIE4 it'll open a sidebar with AltaVista in it that opens: http:// home . microsoft . com/search/search.asp But that URL doesn't resolve anymore of course, so how do I make this work? I asked Claude Code and built a Dnsmasq DNS server that routes all regular DNS queries to Cloudflare but for home . microsoft . com it hijacks it and sends it to my own server Then I let Nginx respond to that doamin and show the Altavista Search sidebar, I had to rebuild the design from a video on YouTube because I couldn't find any actual archeological remains of it anymore Also Altavista Search of course doesn't exist anymore so it can't respond to queries either so I use a SERP API to query search results from Google and display them instead This is stuff I wouldn't even be close to doing before AI, I'd have no idea how to configure Dnsmasq to spoof queries like this The search engine results are proxied via my HTTP proxy so MSIE4 can open most sites (because old browsers don't support HTTPS and most JS!)

✨ Today I rebuilt 🏔️ AltaVista Search, the main search engine before Google existed The problem: if you press the 🔍Search button in MSIE4 it'll open a sidebar with AltaVista in it that opens: http:// home . microsoft . com/search/search.asp But that URL doesn't resolve anymore of course, so how do I make this work? I asked Claude Code and built a Dnsmasq DNS server that routes all regular DNS queries to Cloudflare but for home . microsoft . com it hijacks it and sends it to my own server Then I let Nginx respond to that doamin and show the Altavista Search sidebar, I had to rebuild the design from a video on YouTube because I couldn't find any actual archeological remains of it anymore Also Altavista Search of course doesn't exist anymore so it can't respond to queries either so I use a SERP API to query search results from Google and display them instead This is stuff I wouldn't even be close to doing before AI, I'd have no idea how to configure Dnsmasq to spoof queries like this The search engine results are proxied via my HTTP proxy so MSIE4 can open most sites (because old browsers don't support HTTPS and most JS!)

@levelsio

84,414 views • 6 months ago

We got a call from Ogun State for a total refurbishment, we actually didn’t know the state and condition of the car had deteriorated to a very large extent until the car arrived our workshop Doromecho Automobile Solutions Ltd. Inside Òṣogbo We carefully took our time to troubleshoot and we updated our client, we made him understand there were possibilities of detecting more faults while working on the car as some of the faults couldn’t be detected until the total refurbishment process starts, he was ok with our updates and gave us a go ahead. We already knew this was going to be a very hard nut to crack…

We got a call from Ogun State for a total refurbishment, we actually didn’t know the state and condition of the car had deteriorated to a very large extent until the car arrived our workshop Doromecho Automobile Solutions Ltd. Inside Òṣogbo We carefully took our time to troubleshoot and we updated our client, we made him understand there were possibilities of detecting more faults while working on the car as some of the faults couldn’t be detected until the total refurbishment process starts, he was ok with our updates and gave us a go ahead. We already knew this was going to be a very hard nut to crack…

Wanjohn D-Mecho

65,784 views • 4 months ago

Traditional (SQL) databases rely primarily on keyword-based searches to retrieve information. These searches match the exact words or phrases in your query to the text stored in the database. While effective for many applications, this method has limitations when it comes to understanding context or finding relevant information that doesn’t include the exact keywords. Hybrid search combines the strengths of traditional keyword-based BM25 search with the advanced capabilities of semantic search. To effectively implement a hybrid search, a vector database is essential. Vector databases go beyond just words; they understand the meaning behind the data. They transform data such as text, images, or audio into numerical representations called vectors. These vector embeddings enable the database to find similar items, even if they don't share exact keywords. When you integrate hybrid search with Retrieval-Augmented Generation (RAG) systems, you can achieve higher accuracy in retrieved context and better output in generated responses. Learn more about RAG systems in this video with Victoria Slocum:

Traditional (SQL) databases rely primarily on keyword-based searches to retrieve information. These searches match the exact words or phrases in your query to the text stored in the database. While effective for many applications, this method has limitations when it comes to understanding context or finding relevant information that doesn’t include the exact keywords. Hybrid search combines the strengths of traditional keyword-based BM25 search with the advanced capabilities of semantic search. To effectively implement a hybrid search, a vector database is essential. Vector databases go beyond just words; they understand the meaning behind the data. They transform data such as text, images, or audio into numerical representations called vectors. These vector embeddings enable the database to find similar items, even if they don't share exact keywords. When you integrate hybrid search with Retrieval-Augmented Generation (RAG) systems, you can achieve higher accuracy in retrieved context and better output in generated responses. Learn more about RAG systems in this video with Victoria Slocum:

Femke Plantinga

140,618 views • 2 years ago

React tip: "use client" misconceptions (2/5) 🚫 "You cannot nest Server Components inside Client Components because "use client" turns everything into Client Components." ✅ We can pass the rendered result of Server Components to Client Components as props. Simple example: (Server Component) (Client Component) (Server Component) is designed for the client. It needs to instantly open and close when clicked. is designed for the server. It uses packages that don't work in the browser and needs to fetch data close to where it's stored without exposing credentials. So, how can we nest a component that uses server APIs inside a component that uses client APIs... without using `import`? React props to the rescue! --- (0:00) 1-4: Reminder: Importing code forms a module dependency graph. Adding dependencies to a server or client bundle. (0:23) 5-6: Reminder: Using components eventually forms a rendered component tree. (0:37) 9: Oh no! We get an error when trying to `import` a client API (useState) into a server module. (0:44) 10: We know the trick by now: Add "use client" to mark `2.js` as a client entry point. This moves the module to the client bundle and allows us to use client APIs like `useState.` (0:51) 11: But we get a new error! "use client" moved all imported dependencies into the client bundle, including our ORM package, which doesn't work in the browser. (0:59) 13: Let's refactor without changing our rendered component hierarchy. First, we move the `Cart` import to the parent file that imports `Modal`. This moves `Cart` outside the "use client" boundary and consequently the client bundle. (1:11) 15: Then, we pass down the rendered result of `Cart` as a prop to `Modal`. This allows `Cart` to be entirely rendered on the server as a Server Component before being passed down. `Modal` has no knowledge of what the `cart` prop is. Its only responsibility is placing whatever it receives into the `{cart}` slot. (1:15) 16: Finally, it's common to use the special `children` prop for a component's primary content. The key insight is that we were able to use props to retain our desired component hierarchy even though we changed our module dependency graph.

React tip: "use client" misconceptions (2/5) 🚫 "You cannot nest Server Components inside Client Components because "use client" turns everything into Client Components." ✅ We can pass the rendered result of Server Components to Client Components as props. Simple example: (Server Component) (Client Component) (Server Component) is designed for the client. It needs to instantly open and close when clicked. is designed for the server. It uses packages that don't work in the browser and needs to fetch data close to where it's stored without exposing credentials. So, how can we nest a component that uses server APIs inside a component that uses client APIs... without using `import`? React props to the rescue! --- (0:00) 1-4: Reminder: Importing code forms a module dependency graph. Adding dependencies to a server or client bundle. (0:23) 5-6: Reminder: Using components eventually forms a rendered component tree. (0:37) 9: Oh no! We get an error when trying to `import` a client API (useState) into a server module. (0:44) 10: We know the trick by now: Add "use client" to mark `2.js` as a client entry point. This moves the module to the client bundle and allows us to use client APIs like `useState.` (0:51) 11: But we get a new error! "use client" moved all imported dependencies into the client bundle, including our ORM package, which doesn't work in the browser. (0:59) 13: Let's refactor without changing our rendered component hierarchy. First, we move the `Cart` import to the parent file that imports `Modal`. This moves `Cart` outside the "use client" boundary and consequently the client bundle. (1:11) 15: Then, we pass down the rendered result of `Cart` as a prop to `Modal`. This allows `Cart` to be entirely rendered on the server as a Server Component before being passed down. `Modal` has no knowledge of what the `cart` prop is. Its only responsibility is placing whatever it receives into the `{cart}` slot. (1:15) 16: Finally, it's common to use the special `children` prop for a component's primary content. The key insight is that we were able to use props to retain our desired component hierarchy even though we changed our module dependency graph.

Delba

43,989 views • 2 years ago

The House of Reps has passed second reading of a constitutional amendment bill to remove immunity from the Vice President, the Governors, and their Deputies in order to curb corruption, eradicate impunity, and enhance accountability in public office, along with 41 other bills. The others bill are: A Bill for a Creating Additional Three States Oke - Ogun State, ljebu State and Ife - ljesa State. A Bill for the Creation of "Tiga State" from the Present Kano State with Headquarters in "Rano". A bill to Create a New State in the South Eastern Region of Nigeria Known as Orlu State. A bill to Create an Additional State in the South East Region of Nigeria, Carved from the Existing Five (5) States to be known as Etiti State with Capital at Okigwe. A Bill to Establish and Provide Roles for Traditional Rulers in Nigeria and Provide for the Recognition of the Advisory Role of Traditional Rulers in the Constitution. A bill to Grant Citizenship Rights to Spouses of Women from Nigeria, Specify the Minimum Number of Youths and Women that May be Appointed into Specific Offices. A bill to Guarantee Indigene Status to Persons by Reason of Birth or Continued Residence for a Period of Not Less than Ten Years or by Reason of Marriage. A bill to include Citizenship by Investment as one of the classes of Citizenship in Nigeria, provides for the Acquisition of Nigerian Citizenship by Qualified Foreign Investors who meet Specified Investment Thresholds. A bill to Separate the Offices of the Attorney-General of the Federation, Attorney-General of a State from the Offices of the Minister of Justice of the Federal Government and Commissioner for Justice of the Government of a State. A bill to Provide for the Establishment of the Office of the Accountant-General of the Federation and the Office of the Accountant-General of the Federal Government. A bill to Increase the Number of Members of the Federal Civil Service Commission to Provide for each State of the Federation and Federal Capital Territory, Abuja the Opportunity of One Person Representation. A bill to Mandate all Government Statutory Corporations, Commissions, Authorities, Agencies including all Persons and Bodies Established by Law to Submit Yearly Financial Statement to the Auditor General within a Specified Period. A bill to Specify the Period for the Laying of Annual Budget Estimates Before the National and State Houses of Assembly. A bill to Provide for the Public Disclosure of Reports of the Auditor-General of the Federation and for the Auditor-General of a State. And others constitutional amendments.

The House of Reps has passed second reading of a constitutional amendment bill to remove immunity from the Vice President, the Governors, and their Deputies in order to curb corruption, eradicate impunity, and enhance accountability in public office, along with 41 other bills. The others bill are: A Bill for a Creating Additional Three States Oke - Ogun State, ljebu State and Ife - ljesa State. A Bill for the Creation of "Tiga State" from the Present Kano State with Headquarters in "Rano". A bill to Create a New State in the South Eastern Region of Nigeria Known as Orlu State. A bill to Create an Additional State in the South East Region of Nigeria, Carved from the Existing Five (5) States to be known as Etiti State with Capital at Okigwe. A Bill to Establish and Provide Roles for Traditional Rulers in Nigeria and Provide for the Recognition of the Advisory Role of Traditional Rulers in the Constitution. A bill to Grant Citizenship Rights to Spouses of Women from Nigeria, Specify the Minimum Number of Youths and Women that May be Appointed into Specific Offices. A bill to Guarantee Indigene Status to Persons by Reason of Birth or Continued Residence for a Period of Not Less than Ten Years or by Reason of Marriage. A bill to include Citizenship by Investment as one of the classes of Citizenship in Nigeria, provides for the Acquisition of Nigerian Citizenship by Qualified Foreign Investors who meet Specified Investment Thresholds. A bill to Separate the Offices of the Attorney-General of the Federation, Attorney-General of a State from the Offices of the Minister of Justice of the Federal Government and Commissioner for Justice of the Government of a State. A bill to Provide for the Establishment of the Office of the Accountant-General of the Federation and the Office of the Accountant-General of the Federal Government. A bill to Increase the Number of Members of the Federal Civil Service Commission to Provide for each State of the Federation and Federal Capital Territory, Abuja the Opportunity of One Person Representation. A bill to Mandate all Government Statutory Corporations, Commissions, Authorities, Agencies including all Persons and Bodies Established by Law to Submit Yearly Financial Statement to the Auditor General within a Specified Period. A bill to Specify the Period for the Laying of Annual Budget Estimates Before the National and State Houses of Assembly. A bill to Provide for the Public Disclosure of Reports of the Auditor-General of the Federation and for the Auditor-General of a State. And others constitutional amendments.

Imran Muhammad

116,014 views • 1 year ago

We built this onboarding flow in React Native that feels better than most native apps Here’s how we did it: ① Patched react-native-screens for a custom transition ② Button and stepper are rendered on top of the stack ③ Synced button state across screens via context The button and header are positioned absolutely above the stack. When a screen focuses, it updates the shared button state (text, disabled state) via context The hardest part is keeping the keyboard open during screen transitions. We solved it with hidden TextInputs that get focused programmatically before navigating The result: one button flows across every screen and surfs the keyboard

We built this onboarding flow in React Native that feels better than most native apps Here’s how we did it: ① Patched react-native-screens for a custom transition ② Button and stepper are rendered on top of the stack ③ Synced button state across screens via context The button and header are positioned absolutely above the stack. When a screen focuses, it updates the shared button state (text, disabled state) via context The hardest part is keeping the keyboard open during screen transitions. We solved it with hidden TextInputs that get focused programmatically before navigating The result: one button flows across every screen and surfs the keyboard

Baran

229,791 views • 9 months ago

We wanted to show the performance and the insane power of the Static Hermes native FFI. But we don't yet support the all language features needed to compile React Native (soon though!), so we improvised. We imported the bindings for DearImGui (a popular C++ imperative game UI library that renders meshes), and Sokol (an amazing lightweight 3D backend in C) and wrote a small demo. "Imperative UI" means that the entire UI and the state of the screen is recreated on every frame, which suits our purposes to demonstrate SH very well. The demo runs 100% compiled native code. JavaScript runs in every frame and recreates the entire state of the screen. It is portable to all platforms, though the screen layout is not optimized for phone. We wrote the demo in C++ and in JS, to compare, and they both ran with the same performance. In the attached videos you can see the demo running at the stable screen refresh rate - 120Hz on my Mac, 60Hz on a old Moto G5 phone. It includes some widgets, an n-body simulation of planets, a playable game demo, etc.

We wanted to show the performance and the insane power of the Static Hermes native FFI. But we don't yet support the all language features needed to compile React Native (soon though!), so we improvised. We imported the bindings for DearImGui (a popular C++ imperative game UI library that renders meshes), and Sokol (an amazing lightweight 3D backend in C) and wrote a small demo. "Imperative UI" means that the entire UI and the state of the screen is recreated on every frame, which suits our purposes to demonstrate SH very well. The demo runs 100% compiled native code. JavaScript runs in every frame and recreates the entire state of the screen. It is portable to all platforms, though the screen layout is not optimized for phone. We wrote the demo in C++ and in JS, to compare, and they both ran with the same performance. In the attached videos you can see the demo running at the stable screen refresh rate - 120Hz on my Mac, 60Hz on a old Moto G5 phone. It includes some widgets, an n-body simulation of planets, a playable game demo, etc.

Tzvetan Mikov

826,085 views • 2 years ago

This is, by far, one of the best uses of modern AI. If you don't use embeddings when querying your database, you are definitely leaving a lot on the table. In this video, I'll show you how to run semantic searches using OpenAI and PostgreSQL. It's all thanks to Pgai, an open-source PostgreSQL extension: Here's what will happen: 1. We'll create a simple table with news articles 2. We'll generate embeddings for those articles 3. We'll run queries on top of those embeddings For this video, I generated the embeddings using a simple query, but pgai Vectorizer would do the same automatically as new information makes it into the database. This is awesome! If you have a PostgreSQL database with data you are searching over, you should start experimenting with semantic searches immediately. For most use cases, a combination of full-text search + semantic search is the best approach. If you don't have a PostgreSQL database around, you can try free for 30 days using Timescale: Thanks to the Timescale (now TigerData) team for partnering with me on this post!

This is, by far, one of the best uses of modern AI. If you don't use embeddings when querying your database, you are definitely leaving a lot on the table. In this video, I'll show you how to run semantic searches using OpenAI and PostgreSQL. It's all thanks to Pgai, an open-source PostgreSQL extension: Here's what will happen: 1. We'll create a simple table with news articles 2. We'll generate embeddings for those articles 3. We'll run queries on top of those embeddings For this video, I generated the embeddings using a simple query, but pgai Vectorizer would do the same automatically as new information makes it into the database. This is awesome! If you have a PostgreSQL database with data you are searching over, you should start experimenting with semantic searches immediately. For most use cases, a combination of full-text search + semantic search is the best approach. If you don't have a PostgreSQL database around, you can try free for 30 days using Timescale: Thanks to the Timescale (now TigerData) team for partnering with me on this post!

Santiago

109,517 views • 1 year ago

The IDF has Launched a Preemptive Strike Against Iran's Nuclear Program, Israeli military spokesperson Effie Defrin: For years, the Iranian regime has been waging a direct and indirect campaign of terror against the State of Israel, by funding and directing terrorist activities via its proxies across the Middle East, while advancing toward obtaining a nuclear weapon. The Iranian regime is at the head of the axis responsible for all terrorist attacks against the State of Israel since the beginning of the "Swords of Iron" War, including by arming and funding the Hamas terror organization which was responsible for the October 7th Massacre. During the "Swords of Iron" War, Iran even directly attacked Israel twice, firing hundreds of missiles toward the State of Israel. The Iranian regime has proclaimed that its objective is to destroy the State of Israel. Senior officials in the Iranian regime have publicly declared their intent to destroy Israel, and are operating to achieve this together with their proxies in the Middle East. Today, Iran is closer than ever to obtaining a nuclear weapon. Weapons of mass destruction in the hands of the Iranian regime are an existential threat to the State of Israel and a significant threat to the wider world. The State of Israel will not allow a regime whose objective is to destroy the State of Israel to obtain weapons of mass destruction. The IDF has conducted a process of preparations for a campaign on the frontline and on the home front. The resilience of Israel's citizens will be an important factor of the campaign. The IDF is ready to continue to act as required. The State of Israel has the obligation to act in defense of its citizens and will continue to do so everywhere it is required to do so, as we have done in the past.

The IDF has Launched a Preemptive Strike Against Iran's Nuclear Program, Israeli military spokesperson Effie Defrin: For years, the Iranian regime has been waging a direct and indirect campaign of terror against the State of Israel, by funding and directing terrorist activities via its proxies across the Middle East, while advancing toward obtaining a nuclear weapon. The Iranian regime is at the head of the axis responsible for all terrorist attacks against the State of Israel since the beginning of the "Swords of Iron" War, including by arming and funding the Hamas terror organization which was responsible for the October 7th Massacre. During the "Swords of Iron" War, Iran even directly attacked Israel twice, firing hundreds of missiles toward the State of Israel. The Iranian regime has proclaimed that its objective is to destroy the State of Israel. Senior officials in the Iranian regime have publicly declared their intent to destroy Israel, and are operating to achieve this together with their proxies in the Middle East. Today, Iran is closer than ever to obtaining a nuclear weapon. Weapons of mass destruction in the hands of the Iranian regime are an existential threat to the State of Israel and a significant threat to the wider world. The State of Israel will not allow a regime whose objective is to destroy the State of Israel to obtain weapons of mass destruction. The IDF has conducted a process of preparations for a campaign on the frontline and on the home front. The resilience of Israel's citizens will be an important factor of the campaign. The IDF is ready to continue to act as required. The State of Israel has the obligation to act in defense of its citizens and will continue to do so everywhere it is required to do so, as we have done in the past.

Joe Truzman

15,336 views • 1 year ago

Update-Luigi Mangione Unbelievable What about the Doctine of Inevitable Discovery? A NY state judge ruled Luigi's backpack is out because it was searched when it was out of Luigi's reach at the McDonalds. The gun Luigi made comes in, thankfully due to it being found as a part of an inventory search. Suppressed: *Loaded gun magazine *Cellphone *Passport *Wallet *Computer chip Admitted: *The 3D-printed pistol *His notebook/manifesto. To be clear, a federal judge allowed all the above evidence In, the state judge didn't. The state should just let the federal authorities office handle the case. It is a waste of money to try Luigi at both the state and federal level. Quite frankly the state is involved in a p_____g match with the feds and it is the txa payers footing the bill. If the federal authorities aren't successful, I understand, but this case is squarely in federal venue. Luigi crossed state lines to commit the murder that is on video. #Luigi

Update-Luigi Mangione Unbelievable What about the Doctine of Inevitable Discovery? A NY state judge ruled Luigi's backpack is out because it was searched when it was out of Luigi's reach at the McDonalds. The gun Luigi made comes in, thankfully due to it being found as a part of an inventory search. Suppressed: Loaded gun magazine Cellphone Passport Wallet Computer chip Admitted: The 3D-printed pistol *His notebook/manifesto. To be clear, a federal judge allowed all the above evidence In, the state judge didn't. The state should just let the federal authorities office handle the case. It is a waste of money to try Luigi at both the state and federal level. Quite frankly the state is involved in a p_____g match with the feds and it is the txa payers footing the bill. If the federal authorities aren't successful, I understand, but this case is squarely in federal venue. Luigi crossed state lines to commit the murder that is on video. #Luigi

Jennifer Coffindaffer

21,734 views • 2 months ago

Big moment for Postgres! AI agents broke the idea of what a database is supposed to do. Traditional databases were built for humans, and Agents broke that model. - They branch endlessly. - They run ten experiments at once. - They need isolation, context, memory, structured reasoning, and safe sandboxes. Letting agents touch production systems is terrifying because the old model of Postgres was never built for this kind of behavior. Agentic Postgres is an agent-ready version of Postgres by TimescaleDB (by Tiger Data) that solves this. I think it is one of the biggest upgrades to the Agent stack this year and Tiger Data is working with me on this post to share what they did. Some key features: > It instantly creates branches of an entire database, which is perfect for parallel agent evals, safe experiments, migrations, or isolated testing. Forks take seconds and cost almost nothing. > It comes with a built-in MCP server, which agents can use to get schema guidance, best practices, and safe, structured access to Postgres. This is also helpful to run migrations with a real understanding. > It comes with actual hybrid search (vector search and BM25), so Agents can retrieve data directly inside the database. > The database is Memory native. This gives a persistent context for Agents to evolve. This is one of the first times I have seen Postgres feel ready for the AI native era.

Big moment for Postgres! AI agents broke the idea of what a database is supposed to do. Traditional databases were built for humans, and Agents broke that model. - They branch endlessly. - They run ten experiments at once. - They need isolation, context, memory, structured reasoning, and safe sandboxes. Letting agents touch production systems is terrifying because the old model of Postgres was never built for this kind of behavior. Agentic Postgres is an agent-ready version of Postgres by TimescaleDB (by Tiger Data) that solves this. I think it is one of the biggest upgrades to the Agent stack this year and Tiger Data is working with me on this post to share what they did. Some key features: > It instantly creates branches of an entire database, which is perfect for parallel agent evals, safe experiments, migrations, or isolated testing. Forks take seconds and cost almost nothing. > It comes with a built-in MCP server, which agents can use to get schema guidance, best practices, and safe, structured access to Postgres. This is also helpful to run migrations with a real understanding. > It comes with actual hybrid search (vector search and BM25), so Agents can retrieve data directly inside the database. > The database is Memory native. This gives a persistent context for Agents to evolve. This is one of the first times I have seen Postgres feel ready for the AI native era.

Avi Chawla

94,290 views • 8 months ago

Welker: How can the public trust the results of this investigation if it doesn't include state and local officials, the people who are there on the ground? Homan: First of all, this is a federal crime. Welker: It happened in Minneapolis. Homan: When a federal officer is in a shooting, it falls under the FBI. Welker: It's one thing for the FBI to take the lead in an investigation, certainly, that is something that we are used to seeing, but for state and local officials to be cut out altogether, are you comfortable with that? Homan: That's a question for the FBI. I've never worked for doj

Welker: How can the public trust the results of this investigation if it doesn't include state and local officials, the people who are there on the ground? Homan: First of all, this is a federal crime. Welker: It happened in Minneapolis. Homan: When a federal officer is in a shooting, it falls under the FBI. Welker: It's one thing for the FBI to take the lead in an investigation, certainly, that is something that we are used to seeing, but for state and local officials to be cut out altogether, are you comfortable with that? Homan: That's a question for the FBI. I've never worked for doj

Acyn

158,153 views • 6 months ago