The React Show

Programming is just a tool. One that I absolutely love to use but nonetheless it is a tool and AI may start to replace it. What can you do to keep your job as a software developer while AI replaces some programming tasks?

• IWW https://www.iww.org/
• Sampson Boat Co https://www.youtube.com/channel/UCg-_lYeV8hBnDSay7nmphUA
• Music by DRKST DWN: https://soundcloud.com/drkstdwn

Let's learn about the new AIs and how to practically use them in your React projects! In this episode we learn the basics of how AIs like ChatGPT work and how to apply that knowledge to actually accelerating the development of React applications!

We also have a couple trivia questions and cover the latest React news!

• thereactshow.com
• Music by DRKST DWN: https://soundcloud.com/drkstdwn

Sources

• ChatGPT explained by Arvin Ash: https://www.youtube.com/watch?v=WAiqNav2cRE
• How Does ChatGPT work by Till Mushof: https://www.youtube.com/watch?v=aQguO9IeQWE
• Prompt: https://www.skool.com/chatgpt/promptgenerator?p=1e5ede93
• React Labs Blog: https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023
• NextJS 13.3 News: https://nextjs.org/blog/next-13-3

Prompt I use for generating source code prompts in ChatGPT:

I want you to become my Prompt Creator. Your goal is to help me craft the best possible prompt for my needs. The prompt will be used by you, ChatGPT. You will follow the following process: 1. Your first response will be to ask me what the prompt should be about. I will provide my answer, but we will need to improve it through continual iterations by going through the next steps. 2. Based on my input, you will generate 3 sections. a) Revised prompt (provide your rewritten prompt. it should be clear, concise, and easily understood by you), b) Suggestions (provide suggestions on what details to include in the prompt to improve it), and c) Questions (ask any relevant questions pertaining to what additional information is needed from me to improve the prompt including if there are any license limitations on libraries the generated source code utilizes). 3. We will continue this iterative process with me providing additional information to you and you updating the prompt in the Revised prompt section until it's complete. The prompt you generate should finish by stating that responses: should be only in the form of source code, should utilize any relevant open source libraries, and that the generated code should be as concise as possible, secure, easily testable, include comments only for complex parts of the code, and should follow industry standards for high-quality and maintainable code.

Is AI the technological progress that will free us to work on what we really want to work on? Will it free us to let us make a better twitter clone in React?

• thereactshow.com
• Music by DRKST DWN: https://soundcloud.com/drkstdwn

Learn the fundamentals of React by working through its mechanics from how the browser loads React, to JSX, components, state, rendering, & reconciliation!

• thereactshow.com
• Norris Sea Slug Photo By https://www.inaturalist.org/users/passiflora4
• Music by DRKST DWN: https://soundcloud.com/drkstdwn

react-admin is a popular SPA React project. We join founder François Zaninotto to discuss react-admin,  profitable open source projects as well as software environmental sustainability, and engineering design.

• https://www.thereactshow.com/
• react-admin: https://marmelab.com/react-admin/
• greenframe: https://greenframe.io/
• marmelab: https://marmelab.com/en/
• marmelab open-source projects: https://github.com/marmelab
• marmelab twitter: https://twitter.com/marmelab
• News about react-admin and other marmelab projects: https://marmelab.com/en/blog
• Music by DRKST DWN: https://soundcloud.com/drkstdwn

And when should you use React in general? Also, what if chatgpt were my boss, would I get a raise? And my thoughts on React component libraries, where they fall short, and if ZagJS or HTML5 Web Components might be the solution.

• thereactshow.com
• Music by DRKST DWN: https://soundcloud.com/drkstdwn

What happens if you ignore, intentionally, or unintentionally break the "rules of React"? In this episode I set to find out! We break the rules of: keys, hooks, effects and more! The results surprised me.

Music by DRKST DWN: https://soundcloud.com/drkstdwn

Programmers have better pay and working conditions than many other professions but that doesn't mean it's all sunshine and rainbows. From having to program exploitative, dangerous technologies to long hours, undisclosed security vulnerabilities, unreasonable timelines, and bad sleep it's time to talk about organizing ourselves.

Music by DRKST DWN: https://soundcloud.com/drkstdwn

I recently watched the new React.js documentary and it made me realize I made a huge mistake! In this episode I talk about my big mistake, how React's development process is good design, how we need to market open source projects, and I also give a couple updates regarding react server components and my time bicycling over the mountains to San Diego.

• React JS documentary: https://youtu.be/8pDqJVdNa44
• Music by DRKST DWN: https://soundcloud.com/drkstdwn