de
Anruf buchen
  • Blog
  • Veröffentlichung des Updates React 18 mit verbesserter Leistung und Funktionalit...
October 30, 2024

Veröffentlichung des Updates React 18 mit verbesserter Leistung und Funktionalität

Veröffentlichung des Updates React 18 mit verbesserter Leistung und Funktionalität

Das kürzlich erschienene React 18-Update hat bedeutende Verbesserungen in Bezug auf Leistung und Benutzerfreundlichkeit für Entwickler gebracht. Eine der Hauptfunktionen dieses Releases ist das neue Modell des Concurrent Rendering, das flexiblere und effizientere Renderprozesse ermöglicht und besonders für komplexe Anwendungen mit hohen Leistungsanforderungen von Vorteil ist. Zusätzlich beinhaltet React 18 das automatische Batching von Statusaktualisierungen und die Unterstützung von Suspense für das Server-Rendering, was die Arbeit mit asynchronen Daten vereinfacht. Der Übergang zu React 18 verläuft reibungslos, da diese Version abwärtskompatibel ist und eine gut strukturierte Migrationsanleitung bietet. Mit diesem Update festigt React seine Position als eines der beliebtesten Tools für die Entwicklung interaktiver Benutzeroberflächen. 

MessagesTimelineExceptionsViews27RouteQueries23Models69Livewire0MailsGateSessionRequest
Request history8.2.15PHP Version394msRequest Duration28MBMemory UsageGET {locale}/{slug}/{article}Route
    • Booting (196ms)time
    • Application (198ms)time
    • 1 x Application (50.22%)
      198ms
      1 x Booting (49.78%)
      196ms
      27 templates were rendered
      • articlearticle.blade.php#?blade
      • partials.breadcrumbsbreadcrumbs.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • layouts.layoutlayout.blade.php#?blade
      • partials.headerheader.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.services_menuservices_menu.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.languages_selectlanguages_select.blade.php#?blade
      • partials.footerfooter.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      • partials.svgsvg.blade.php#?blade
      uri
      GET {locale}/{slug}/{article}
      middleware
      web
      controller
      App\Http\Controllers\CmsController@article
      namespace
      prefix
      /{locale}
      where
      file
      app/Http/Controllers/CmsController.php:133-190
      23 statements were executed, 6 of which were duplicates, 17 unique. Show only duplicated16.85ms
      • select * from `menus` where `lang` = 'en'
        1.01msadmin_newCMSService.php#226
        Bindings
        • 0: en
        Backtrace
        • 15. app/Services/CMSService.php:226
        • 16. app/Http/Controllers/Controller.php:25
        • 17. app/Http/Controllers/CmsController.php:31
        • 19. vendor/laravel/framework/src/Illuminate/Container/Container.php:952
        • 20. vendor/laravel/framework/src/Illuminate/Container/Container.php:795
      • select * from `menus` where `lang` = 'de'
        1.06msadmin_newCMSService.php#226
        Bindings
        • 0: de
        Backtrace
        • 15. app/Services/CMSService.php:226
        • 16. app/Http/Controllers/CmsController.php:143
        • 17. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 18. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 19. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259
      • select * from `pages`
        1.13msadmin_newHelpers.php#48
        Backtrace
        • 18. app/Helpers.php:48
        • 20. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 21. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 22. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259
        • 23. vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select * from `pages` where `pages`.`id` = 3 limit 1
        470μsadmin_newHelpers.php#55
        Bindings
        • 0: 3
        Backtrace
        • 20. app/Helpers.php:55
        • 22. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 23. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 24. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259
        • 25. vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select * from `pages` where `lang` = 'de' and `active` = '1' and `slug` = 'blog' limit 1
        1.03msadmin_newCmsController.php#151
        Bindings
        • 0: de
        • 1: 1
        • 2: blog
        Backtrace
        • 16. app/Http/Controllers/CmsController.php:151
        • 17. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 18. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 19. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259
        • 20. vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select * from `categories` where `slug` = 'veroffentlichung-des-updates-react-18-mit-verbesserter-leistung-und-funktionalitat' limit 1
        1.02msadmin_newCmsController.php#152
        Bindings
        • 0: veroffentlichung-des-updates-react-18-mit-verbesserter-leistung-und-funktionalitat
        Backtrace
        • 16. app/Http/Controllers/CmsController.php:152
        • 17. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 18. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 19. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259
        • 20. vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select * from `posts` where `lang` = 'de' and `active` = '1' and `slug` = 'veroffentlichung-des-updates-react-18-mit-verbesserter-leistung-und-funktionalitat' limit 1
        400μsadmin_newCmsController.php#165
        Bindings
        • 0: de
        • 1: 1
        • 2: veroffentlichung-des-updates-react-18-mit-verbesserter-leistung-und-funktionalitat
        Backtrace
        • 16. app/Http/Controllers/CmsController.php:165
        • 17. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 18. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 19. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259
        • 20. vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select * from `posts` where `id` in ('32', '15')
        810μsadmin_newBaseModel.php#49
        Bindings
        • 0: 32
        • 1: 15
        Backtrace
        • 15. app/Models/BaseModel.php:49
        • 16. app/Http/Controllers/CmsController.php:184
        • 17. vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 18. vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 19. vendor/laravel/framework/src/Illuminate/Routing/Route.php:259
      • select * from `categories`
        970μsadmin_newHelpers.php#100
        Backtrace
        • 18. app/Helpers.php:100
        • 20. view::article:13
        • 22. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 23. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 24. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `posts` where `category_id` != 'null'
        900μsadmin_newHelpers.php#101
        Bindings
        • 0: null
        Backtrace
        • 15. app/Helpers.php:101
        • 17. view::article:13
        • 19. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 20. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 21. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '42' limit 1
        470μsadmin_newCMSService.php#190
        Bindings
        • 0: 42
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.header:11
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '43' limit 1
        750μsadmin_newCMSService.php#190
        Bindings
        • 0: 43
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.header:11
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '48' limit 1
        580μsadmin_newCMSService.php#190
        Bindings
        • 0: 48
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.header:11
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '44' limit 1
        1.01msadmin_newCMSService.php#190
        Bindings
        • 0: 44
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.footer:47
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '45' limit 1
        610μsadmin_newCMSService.php#190
        Bindings
        • 0: 45
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.footer:47
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '46' limit 1
        540μsadmin_newCMSService.php#190
        Bindings
        • 0: 46
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.footer:47
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '47' limit 1
        570μsadmin_newCMSService.php#190
        Bindings
        • 0: 47
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.footer:47
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '41' limit 1
        400μsadmin_newCMSService.php#190
        Bindings
        • 0: 41
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.footer:47
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '42' limit 1
        930μsadmin_newCMSService.php#190
        Bindings
        • 0: 42
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.footer:47
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '43' limit 1
        660μsadmin_newCMSService.php#190
        Bindings
        • 0: 43
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.footer:47
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '48' limit 1
        610μsadmin_newCMSService.php#190
        Bindings
        • 0: 48
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.footer:47
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '51' limit 1
        400μsadmin_newCMSService.php#190
        Bindings
        • 0: 51
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.footer:47
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      • select * from `pages` where `pages`.`id` = '52' limit 1
        520μsadmin_newCMSService.php#190
        Bindings
        • 0: 52
        Backtrace
        • 20. app/Services/CMSService.php:190
        • 21. view::partials.footer:47
        • 23. vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:124
        • 24. vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 25. vendor/livewire/livewire/src/ComponentConcerns/RendersLivewireComponents.php:69
      App\Models\Page
      38Page.php#?
      App\Models\Post
      15Post.php#?
      App\Models\Category
      10Category.php#?
      App\Models\Menu
      6Menu.php#?
          _token
          XkTHSUE6yNdBC446daDN1JNXV98ZgU9UEJv9Eh92
          _previous
          array:1 [ "url" => "https://new.3angle.expert/de/blog/veroffentlichung-des-updates-react-18-mit-ve...
          _flash
          array:2 [ "old" => [] "new" => [] ]
          PHPDEBUGBAR_STACK_DATA
          []
          path_info
          /de/blog/veroffentlichung-des-updates-react-18-mit-verbesserter-leistung-und-funktionalitat
          status_code
          200
          status_text
          OK
          format
          html
          content_type
          text/html; charset=UTF-8
          request_query
          []
          request_request
          []
          request_headers
            0 of 0   
          array:18 [▼
  "priority" => array:1 [▶
    0 => "u=0, i"
  ]
  "accept-encoding" => array:1 [▶
    0 => "gzip, deflate, br, zstd"
  ]
  "sec-fetch-dest" => array:1 [▶
    0 => "document"
  ]
  "sec-fetch-user" => array:1 [▶
    0 => "?1"
  ]
  "sec-fetch-mode" => array:1 [▶
    0 => "navigate"
  ]
  "sec-fetch-site" => array:1 [▶
    0 => "none"
  ]
  "accept" => array:1 [▶
    0 => "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7"
  ]
  "user-agent" => array:1 [▶
    0 => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
  ]
  "upgrade-insecure-requests" => array:1 [▶
    0 => "1"
  ]
  "sec-ch-ua-platform" => array:1 [▶
    0 => ""Windows""
  ]
  "sec-ch-ua-mobile" => array:1 [▶
    0 => "?0"
  ]
  "sec-ch-ua" => array:1 [▶
    0 => ""Chromium";v="130", "HeadlessChrome";v="130", "Not?A_Brand";v="99""
  ]
  "cache-control" => array:1 [▶
    0 => "no-cache"
  ]
  "pragma" => array:1 [▶
    0 => "no-cache"
  ]
  "connection" => array:1 [▶
    0 => "close"
  ]
  "x-forwarded-for" => array:1 [▶
    0 => "18.191.197.217"
  ]
  "host" => array:1 [▶
    0 => "new.3angle.expert"
  ]
  "x-accel-internal" => array:1 [▶
    0 => "/nginx_static_files"
  ]
]
          request_cookies
          []
          response_headers
            0 of 0   
          array:7 [▼
  "content-type" => array:1 [▶
    0 => "text/html; charset=UTF-8"
  ]
  "cache-control" => array:1 [▶
    0 => "private, must-revalidate"
  ]
  "date" => array:1 [▶
    0 => "Thu, 08 May 2025 04:07:46 GMT"
  ]
  "pragma" => array:1 [▶
    0 => "no-cache"
  ]
  "expires" => array:1 [▶
    0 => "-1"
  ]
  "set-cookie" => array:1 [▶
    0 => "triangle_session=eyJpdiI6ImpMR0gyZ0p2RFVrU20rbFg3eE9nd1E9PSIsInZhbHVlIjoiUHJ5dUt4SFpVbEVTbmFCNTBKdU5UNXNyaFVSMmE1MHZRMU80RStSeTB3eVBnaTJSQVdGYXMwVEFPei9GenNlNFR5WFJJUTRkaXA2QTFRMHN2REUyS2ROUG5OSU1IWHpmNlo5QW1FUjlNcjM0WG1NeFU4emowc0liQXpHbEwzTnkiLCJtYWMiOiI3Nzk3YWU5NDcwMDg5YjU4NzBkYWMwZjYwZGI4OTVmZjkxZDcwNTg3M2FlNDY2M2Y2MWVjMWI0ZTE3ZGZjNGQzIiwidGFnIjoiIn0%3D; expires=Fri, 08 May 2026 04:07:46 GMT; Max-Age=31536000; path=/; httponly; samesite=lax ◀triangle_session=eyJpdiI6ImpMR0gyZ0p2RFVrU20rbFg3eE9nd1E9PSIsInZhbHVlIjoiUHJ5dUt4SFpVbEVTbmFCNTBKdU5UNXNyaFVSMmE1MHZRMU80RStSeTB3eVBnaTJSQVdGYXMwVEFPei9GenNlNFR ▶"
  ]
  "Set-Cookie" => array:1 [▶
    0 => "triangle_session=eyJpdiI6ImpMR0gyZ0p2RFVrU20rbFg3eE9nd1E9PSIsInZhbHVlIjoiUHJ5dUt4SFpVbEVTbmFCNTBKdU5UNXNyaFVSMmE1MHZRMU80RStSeTB3eVBnaTJSQVdGYXMwVEFPei9GenNlNFR5WFJJUTRkaXA2QTFRMHN2REUyS2ROUG5OSU1IWHpmNlo5QW1FUjlNcjM0WG1NeFU4emowc0liQXpHbEwzTnkiLCJtYWMiOiI3Nzk3YWU5NDcwMDg5YjU4NzBkYWMwZjYwZGI4OTVmZjkxZDcwNTg3M2FlNDY2M2Y2MWVjMWI0ZTE3ZGZjNGQzIiwidGFnIjoiIn0%3D; expires=Fri, 08-May-2026 04:07:46 GMT; path=/; httponly ◀triangle_session=eyJpdiI6ImpMR0gyZ0p2RFVrU20rbFg3eE9nd1E9PSIsInZhbHVlIjoiUHJ5dUt4SFpVbEVTbmFCNTBKdU5UNXNyaFVSMmE1MHZRMU80RStSeTB3eVBnaTJSQVdGYXMwVEFPei9GenNlNFR ▶"
  ]
]
          session_attributes
            0 of 0   
          array:4 [▼
  "_token" => "XkTHSUE6yNdBC446daDN1JNXV98ZgU9UEJv9Eh92"
  "_previous" => array:1 [▶
    "url" => "https://new.3angle.expert/de/blog/veroffentlichung-des-updates-react-18-mit-verbesserter-leistung-und-funktionalitat"
  ]
  "_flash" => array:2 [▶
    "old" => []
    "new" => []
  ]
  "PHPDEBUGBAR_STACK_DATA" => []
]
          ClearShow all
          Date ↕MethodURLData
          #12025-05-08 04:07:46GET/de/blog/veroffentlichung-des-updates-react-18-mit-verbesserter-leistung-und-funktionalitat272369