react Archives - Timo Ernst https://www.timo-ernst.net/blog/tag/react/ Developer • YouTuber • Blogger Sun, 31 Oct 2021 13:04:38 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://www.timo-ernst.net/wp-content/uploads/2021/03/cropped-Timo-Ernst-Small-32x32.jpg react Archives - Timo Ernst https://www.timo-ernst.net/blog/tag/react/ 32 32 Can You Code On iPhone? https://www.timo-ernst.net/blog/2020/10/13/can-you-code-on-iphone/ https://www.timo-ernst.net/blog/2020/10/13/can-you-code-on-iphone/#respond Tue, 13 Oct 2020 19:46:50 +0000 https://www.timo-ernst.net/?p=4316 Few days ago while watching the Apple iPhone 12 keynote I wondered – Could you use this thing as a device to do programming on? So I tried. In this Video I will try to build a React + Node/Express app entirely on my iPhone SE using my favourite iOS IDE PlayJs.

The post Can You Code On iPhone? appeared first on Timo Ernst.

Related posts:

  1. Can you code on an iPad Pro?
  2. Is iPhone 12 Mini a Worthy Upgrade for iPhone 5/5s/SE?
  3. Tutorial: Auto-Complete Search with React, Node and Framework7
]]> https://www.timo-ernst.net/blog/2020/10/13/can-you-code-on-iphone/feed/ 0 Choosing Between Angular, React, Vue and Svelte – 4 Tips! https://www.timo-ernst.net/blog/2020/10/11/choosing-between-angular-react-vue-and-svelte-4-tips/ https://www.timo-ernst.net/blog/2020/10/11/choosing-between-angular-react-vue-and-svelte-4-tips/#respond Sun, 11 Oct 2020 15:47:29 +0000 https://www.timo-ernst.net/?p=4292 Choosing between modern web frameworks can be hard, especially if you’re not familiar with all of them. But don’t worry, I don’t either and you won’t have to as well. However, here are 4 tips on choosing the right tool for your next project. 1 Choosing based on Project Requirements Look at the requirements of […]

The post Choosing Between Angular, React, Vue and Svelte – 4 Tips! appeared first on Timo Ernst.

Related posts:

  1. Video Screencast: How to use Framework7 with Angular 1.x
  2. Find Dead CSS in React using Radium
  3. How to Set Responsive Breakpoints in Swiper React
]]> https://www.timo-ernst.net/blog/2020/10/11/choosing-between-angular-react-vue-and-svelte-4-tips/feed/ 0 TypeScript And React: 7 Lessons Learned https://www.timo-ernst.net/blog/2020/10/09/an-afternoon-with-typescript-and-react/ https://www.timo-ernst.net/blog/2020/10/09/an-afternoon-with-typescript-and-react/#respond Fri, 09 Oct 2020 18:17:39 +0000 https://www.timo-ernst.net/?p=4257 One of the first programming languages I learned was Java. I liked it back then but always found it a bit overcomplicated (hello, FileInputStream). After a while I completely transitioned to a full JavaScript-only stack using React and Node and I loved it (and still do) because there was no nagging compiler and I never […]

The post TypeScript And React: 7 Lessons Learned appeared first on Timo Ernst.

Related posts:

  1. SwiperJS React Video Tutorial | 2020
  2. Choosing Between Angular, React, Vue and Svelte – 4 Tips!
  3. Experiment: An iPhone app built with Framework7, TypeScript, and Angular 1.x
]]> https://www.timo-ernst.net/blog/2020/10/09/an-afternoon-with-typescript-and-react/feed/ 0 Arrows in React Swiper Js: How to Customize Prev/Next Button https://www.timo-ernst.net/blog/2020/09/12/arrows-in-react-swiper-js-how-to-customize-prev-next-button/ https://www.timo-ernst.net/blog/2020/09/12/arrows-in-react-swiper-js-how-to-customize-prev-next-button/#comments Sat, 12 Sep 2020 18:56:58 +0000 https://www.timo-ernst.net/?p=4236 I was asked on YouTube to explain how to customize the appearance of the prev/next arrows in the React version of Swiper Js. There are 2 methods. One is to simply overwrite the color value. The other one is to completely replace the image. Follow along to learn how to accomplish both. 1. Change Color of […]

The post Arrows in React Swiper Js: How to Customize Prev/Next Button appeared first on Timo Ernst.

Related posts:

  1. How to Set Responsive Breakpoints in Swiper React
  2. SwiperJS React Video Tutorial | 2020
  3. Parallax Beginner Tutorial: A Cool 3D Effect With HTML, CSS, JavaScript
]]> https://www.timo-ernst.net/blog/2020/09/12/arrows-in-react-swiper-js-how-to-customize-prev-next-button/feed/ 3 How to Set Responsive Breakpoints in Swiper React https://www.timo-ernst.net/blog/2020/08/15/how-to-set-responsive-breakpoints-in-swiper-react/ https://www.timo-ernst.net/blog/2020/08/15/how-to-set-responsive-breakpoints-in-swiper-react/#comments Sat, 15 Aug 2020 12:03:54 +0000 https://www.timo-ernst.net/?p=4216 I’ve been asked on YouTube how to use breakpoints in the new react version of Swiper, so here it is. Download Source Code First, you have to set breakpoints in jsx: Then, add custom media queries to your css: Hope this was helpful to you, don’t forget to checkout my working demo on GitHub. Leave […]

The post How to Set Responsive Breakpoints in Swiper React appeared first on Timo Ernst.

Related posts:

  1. Arrows in React Swiper Js: How to Customize Prev/Next Button
  2. SwiperJS React Video Tutorial | 2020
  3. Tutorial: Auto-Complete Search with React, Node and Framework7
]]> https://www.timo-ernst.net/blog/2020/08/15/how-to-set-responsive-breakpoints-in-swiper-react/feed/ 2 SwiperJS React Video Tutorial | 2020 https://www.timo-ernst.net/blog/2020/07/12/swiperjs-react-video-tutorial-2020/ https://www.timo-ernst.net/blog/2020/07/12/swiperjs-react-video-tutorial-2020/#comments Sun, 12 Jul 2020 19:42:03 +0000 https://www.timo-ernst.net/?p=4209 After many years of being tied to 3rd party React versions of SwiperJS the official team has now created its own version of SwiperJS for React. In this tutorial I will explain how to use it. Find source code here:https://github.com/valnub/swiper-react-demo Follow me on Twitter:https://www.twitter.com/timo_ernst

The post SwiperJS React Video Tutorial | 2020 appeared first on Timo Ernst.

Related posts:

  1. Arrows in React Swiper Js: How to Customize Prev/Next Button
  2. How to Set Responsive Breakpoints in Swiper React
  3. Tutorial: Auto-Complete Search with React, Node and Framework7
]]> https://www.timo-ernst.net/blog/2020/07/12/swiperjs-react-video-tutorial-2020/feed/ 2 Tutorial: Auto-Complete Search with React, Node and Framework7 https://www.timo-ernst.net/blog/2018/11/02/tutorial-auto-complete-search-with-react-node-and-framework7/ https://www.timo-ernst.net/blog/2018/11/02/tutorial-auto-complete-search-with-react-node-and-framework7/#respond Fri, 02 Nov 2018 22:48:21 +0000 https://www.timo-ernst.net/?p=4126 In this tutorial I will explain how you can easily use Framework7’s autocomplete feature for search input fields using React and web services with Node.js Source code on GitHub: https://github.com/valnub/f7-node-autocomplete-search-demo

The post Tutorial: Auto-Complete Search with React, Node and Framework7 appeared first on Timo Ernst.

Related posts:

  1. Arrows in React Swiper Js: How to Customize Prev/Next Button
  2. SwiperJS React Video Tutorial | 2020
  3. How to use Framework7 V2 Router Tutorial
]]> https://www.timo-ernst.net/blog/2018/11/02/tutorial-auto-complete-search-with-react-node-and-framework7/feed/ 0 Find Dead CSS in React using Radium https://www.timo-ernst.net/blog/2018/01/21/find-dead-css-in-react-using-radium/ https://www.timo-ernst.net/blog/2018/01/21/find-dead-css-in-react-using-radium/#respond Sun, 21 Jan 2018 18:04:51 +0000 https://www.timo-ernst.net/?p=3984 When a project grows it often gets harder to find out which css styles are still required and which can be removed. There are post-processors which analyse your bundle and can remove code that it thinks can be deleted, but this is just the same as treating the symptom instead of curing the disease. In […]

The post Find Dead CSS in React using Radium appeared first on Timo Ernst.

Related posts:

  1. Tutorial: Auto-Complete Search with React, Node and Framework7
  2. SwiperJS React Video Tutorial | 2020
  3. Arrows in React Swiper Js: How to Customize Prev/Next Button
]]> https://www.timo-ernst.net/blog/2018/01/21/find-dead-css-in-react-using-radium/feed/ 0