Пример #1
0
    def test_performance(self):
        print('\n' + ('-' * 80))
        print('react-render performance test')
        print('-' * 80)

        render_component_times = []
        render_watched_component_times = []
        rendered_components = []

        iteration_count = 25

        for i in range(iteration_count):
            start = time.time()
            rendered_components.append(
                render_component(path_to_component,
                                 props={'name': 'world'},
                                 to_static_markup=True))
            end = time.time()
            render_component_times.append(end - start)

        for i in range(iteration_count):
            start = time.time()
            rendered_components.append(
                render_component(path_to_component,
                                 props={'name': 'world'},
                                 to_static_markup=True))
            end = time.time()
            render_watched_component_times.append(end - start)

        for component in rendered_components:
            self.assertEqual(str(component), '<span>Hello world</span>')

        print(
            'Total time taken to render a component {iteration_count} times: {value}'
            .format(iteration_count=iteration_count,
                    value=sum(render_component_times)))
        print('Times: {value}'.format(value=render_component_times))
        print('Max: {value}'.format(value=max(render_component_times)))
        print('Min: {value}'.format(value=min(render_component_times)))
        print('Mean: {value}'.format(value=sum(render_component_times) /
                                     len(render_component_times)))
        print('Median: {value}'.format(value=median(render_component_times)))

        print(
            '\nTotal time taken to render a watched component {iteration_count} times: {value}'
            .format(iteration_count=iteration_count,
                    value=sum(render_watched_component_times)))
        print('Times: {value}'.format(value=render_watched_component_times))
        print('Max: {value}'.format(value=max(render_watched_component_times)))
        print('Min: {value}'.format(value=min(render_watched_component_times)))
        print(
            'Mean: {value}'.format(value=sum(render_watched_component_times) /
                                   len(render_watched_component_times)))
        print('Median: {value}'.format(
            value=median(render_watched_component_times)))
Пример #2
0
    def test_performance(self):
        print('\n' + ('-' * 80))
        print('react-render performance test')
        print('-' * 80)

        render_component_times = []
        render_watched_component_times = []
        rendered_components = []

        iteration_count = 25

        for i in range(iteration_count):
            start = time.time()
            rendered_components.append(
                render_component(path_to_component, props={'name': 'world'}, to_static_markup=True)
            )
            end = time.time()
            render_component_times.append(end - start)

        for i in range(iteration_count):
            start = time.time()
            rendered_components.append(
                render_component(path_to_component, props={'name': 'world'}, to_static_markup=True)
            )
            end = time.time()
            render_watched_component_times.append(end - start)

        for component in rendered_components:
            self.assertEqual(str(component), '<span>Hello world</span>')

        print('Total time taken to render a component {iteration_count} times: {value}'.format(
            iteration_count=iteration_count,
            value=sum(render_component_times)
        ))
        print('Times: {value}'.format(value=render_component_times))
        print('Max: {value}'.format(value=max(render_component_times)))
        print('Min: {value}'.format(value=min(render_component_times)))
        print('Mean: {value}'.format(value=sum(render_component_times) / len(render_component_times)))
        print('Median: {value}'.format(value=median(render_component_times)))

        print('\nTotal time taken to render a watched component {iteration_count} times: {value}'.format(
            iteration_count=iteration_count,
            value=sum(render_watched_component_times)
        ))
        print('Times: {value}'.format(value=render_watched_component_times))
        print('Max: {value}'.format(value=max(render_watched_component_times)))
        print('Min: {value}'.format(value=min(render_watched_component_times)))
        print('Mean: {value}'.format(value=sum(render_watched_component_times) / len(render_watched_component_times)))
        print('Median: {value}'.format(value=median(render_watched_component_times)))
Пример #3
0
def index(request):
    # Param flag to deactivate client-side Javascript
    no_js = 'no-js' in request.GET

    # Render the CommentBox component down to HTML
    comment_box = render_component(
        # The path to the component is resolved via Django's
        # static-file finders
        'js/main.server.js',
        # We can pass data along to the component which will be
        # accessible from the component via its `this.props` property
        props={
            'comments': comments,
            'url': reverse('comment'),
            'pollInterval': 2000,
        },
        # If we intend to use React on the client-side, React will
        # add extra attributes to the HTML so that the initial mount
        # is faster, however these extra attributes are unnecessary
        # if there is no JS on the client-side.
        to_static_markup=no_js
    )

    context = {
        'comment_box': comment_box,
        'no_js': no_js,
    }

    return render(request, 'example_app/index.html', context)
Пример #4
0
def index(request):
    # Properties to pass into react component
    props = {
        'products': [model_to_dict(m) for m in PRODUCTS]
    }

    context = {
        # Render the CommentBox component down to HTML
        'react_component': render_component('js/server/Component.js', props),
    }

    return render(request, 'index.html', context)